{
  "$comment": "Fuente única de la marca Foxii Dev. Rutas relativas a este archivo. Valores relevados de foxiidev.com (assets/css/styles.css, fonts.css, index.html).",
  "meta": {
    "nombre": "Foxii Dev",
    "version": "1.0",
    "actualizado": "2026-10-01",
    "sitio": "https://foxiidev.com",
    "brand_kit": "https://brand.foxiidev.com",
    "pendientes": [
      "Redibujar el isotipo con contorno de grosor constante para cartelería grande, usando como base assets/logos/isotipo/foxii-isotipo-color.svg (el vector actual se trazó desde PNG)."
    ]
  },

  "colores": {
    "navy": {
      "hex": "#071120",
      "rgb": [7, 17, 32],
      "grupo": "navy",
      "rol": "Color principal de la marca. Fondo principal (canvas), theme-color y manifest.",
      "origen_web": "--bg-canvas"
    },
    "navy-profundo": {
      "hex": "#020617",
      "rgb": [2, 6, 23],
      "grupo": "navy",
      "rol": "Fondo profundo: extremos del gradiente de página y base de sombras.",
      "origen_web": "--bg"
    },
    "navy-superficie": {
      "hex": "#0F172A",
      "rgb": [15, 23, 42],
      "grupo": "navy",
      "rol": "Cards, paneles y superficies elevadas (opaco o translúcido al 48–92%).",
      "origen_web": "--bg-soft / --surface / --surface-strong"
    },
    "navy-logo": {
      "hex": "#03132D",
      "rgb": [3, 19, 45],
      "grupo": "navy",
      "rol": "Relleno del isotipo. Solo dentro del logo.",
      "origen_web": "media/logos/new-logo.png (muestreo de píxeles)"
    },

    "teal": {
      "hex": "#2DD4BF",
      "rgb": [45, 212, 191],
      "grupo": "teal",
      "rol": "Acento de marca: links, foco, detalles, glow. Color de acento principal.",
      "origen_web": "--brand"
    },
    "teal-fuerte": {
      "hex": "#14B8A6",
      "rgb": [20, 184, 166],
      "grupo": "teal",
      "rol": "Hover, extremo oscuro de gradientes del botón primario.",
      "origen_web": "--brand-strong"
    },
    "teal-claro": {
      "hex": "#5EEAD4",
      "rgb": [94, 234, 212],
      "grupo": "teal",
      "rol": "Texto del logotipo, eyebrows, texto destacado sobre navy.",
      "origen_web": ".site-logo__text, .eyebrow"
    },
    "teal-palido": {
      "hex": "#99F6E4",
      "rgb": [153, 246, 228],
      "grupo": "teal",
      "rol": "Detalles y estados hover de texto sobre navy.",
      "origen_web": "styles.css"
    },
    "teal-hielo": {
      "hex": "#CCFBF1",
      "rgb": [204, 251, 241],
      "grupo": "teal",
      "rol": "Link activo / hover de breadcrumbs.",
      "origen_web": ".nav-link--active"
    },
    "teal-oscuro": {
      "hex": "#042F2E",
      "rgb": [4, 47, 46],
      "grupo": "teal",
      "rol": "Texto sobre botones teal.",
      "origen_web": ".primary-button color"
    },
    "teal-logo": {
      "hex": "#0ADEC7",
      "rgb": [10, 222, 199],
      "grupo": "teal",
      "rol": "Contorno y detalles del isotipo. Solo dentro del logo.",
      "origen_web": "media/logos/new-logo.png (muestreo de píxeles)"
    },

    "ambar": {
      "hex": "#F59E0B",
      "rgb": [245, 158, 11],
      "grupo": "ambar",
      "rol": "Acento secundario de uso puntual (badges, highlights). Nunca compite con el teal.",
      "origen_web": "--warm"
    },
    "ambar-claro": {
      "hex": "#FBBF24",
      "rgb": [251, 191, 36],
      "grupo": "ambar",
      "rol": "Variante clara del acento secundario. Mismo criterio de uso puntual.",
      "origen_web": "styles.css"
    },

    "blanco": {
      "hex": "#FFFFFF",
      "rgb": [255, 255, 255],
      "grupo": "texto",
      "rol": "Títulos.",
      "origen_web": ".section-title, h1"
    },
    "texto": {
      "hex": "#E2E8F0",
      "rgb": [226, 232, 240],
      "grupo": "texto",
      "rol": "Texto principal.",
      "origen_web": "--text"
    },
    "texto-suave": {
      "hex": "#CBD5E1",
      "rgb": [203, 213, 225],
      "grupo": "texto",
      "rol": "Párrafos destacados / texto secundario fuerte.",
      "origen_web": "text-slate-300"
    },
    "texto-secundario": {
      "hex": "#94A3B8",
      "rgb": [148, 163, 184],
      "grupo": "texto",
      "rol": "Texto secundario, bajadas, metadatos.",
      "origen_web": "--muted"
    }
  },

  "colores_transparentes": {
    "borde": { "valor": "rgba(148, 163, 184, 0.18)", "rol": "Bordes y divisores.", "origen_web": "--line" },
    "borde-acento": { "valor": "rgba(45, 212, 191, 0.35)", "rol": "Bordes destacados / foco.", "origen_web": "--line-strong" },
    "teal-suave": { "valor": "rgba(45, 212, 191, 0.16)", "rol": "Fondo de chips y badges teal.", "origen_web": "--brand-soft" },
    "superficie": { "valor": "rgba(15, 23, 42, 0.72)", "rol": "Superficie translúcida.", "origen_web": "--surface" },
    "superficie-fuerte": { "valor": "rgba(15, 23, 42, 0.92)", "rol": "Superficie translúcida densa.", "origen_web": "--surface-strong" }
  },

  "colores_funcionales": {
    "exito": { "hex": "#22C55E", "rgb": [34, 197, 94], "rol": "Confirmaciones y estados OK." },
    "error": { "hex": "#EF4444", "rgb": [239, 68, 68], "rol": "Errores y validaciones." }
  },

  "gradientes": {
    "boton-primario": "linear-gradient(135deg, #5EEAD4 0%, #2DD4BF 45%, #14B8A6 100%)",
    "pagina": "radial-gradient(circle at top left, rgba(20, 184, 166, 0.18), transparent 28%), radial-gradient(circle at 90% 12%, rgba(245, 158, 11, 0.14), transparent 18%), linear-gradient(180deg, #020617 0%, #071120 52%, #020617 100%)"
  },

  "proporcion_uso": {
    "regla": "Navy dominante; teal como acento; ámbar solo puntual.",
    "medido": { "navy": 93.2, "texto": 3.7, "teal": 2.8, "ambar": 0.4 },
    "unidad": "% de píxeles de la home de foxiidev.com que corresponden a la paleta (excluye fotos)",
    "metodo": "tools/measure_proportion.py, captura desktop 1440px",
    "fecha": "2026-09-30"
  },

  "tipografia": {
    "css": "assets/fonts/fonts.css",
    "titulos": {
      "familia": "Sora",
      "fallback": "sans-serif",
      "pesos": [600, 700, 800],
      "rol": "Títulos, logotipo y elementos display.",
      "origen": "Autoalojada (woff2, Fontsource). Licencia SIL OFL.",
      "archivos": {
        "600": ["assets/fonts/sora-latin-600-normal.woff2", "assets/fonts/sora-latin-ext-600-normal.woff2"],
        "700": ["assets/fonts/sora-latin-700-normal.woff2", "assets/fonts/sora-latin-ext-700-normal.woff2"],
        "800": ["assets/fonts/sora-latin-800-normal.woff2", "assets/fonts/sora-latin-ext-800-normal.woff2"]
      }
    },
    "cuerpo": {
      "familia": "Manrope",
      "fallback": "sans-serif",
      "pesos": [400, 500, 600, 700, 800],
      "rol": "Cuerpo de texto, UI, botones, navegación y eyebrows.",
      "origen": "Autoalojada (woff2, Fontsource). Licencia SIL OFL.",
      "archivos": {
        "400": ["assets/fonts/manrope-latin-400-normal.woff2", "assets/fonts/manrope-latin-ext-400-normal.woff2"],
        "500": ["assets/fonts/manrope-latin-500-normal.woff2", "assets/fonts/manrope-latin-ext-500-normal.woff2"],
        "600": ["assets/fonts/manrope-latin-600-normal.woff2", "assets/fonts/manrope-latin-ext-600-normal.woff2"],
        "700": ["assets/fonts/manrope-latin-700-normal.woff2", "assets/fonts/manrope-latin-ext-700-normal.woff2"],
        "800": ["assets/fonts/manrope-latin-800-normal.woff2", "assets/fonts/manrope-latin-ext-800-normal.woff2"]
      }
    },
    "escala": [
      {
        "id": "h1",
        "nombre": "H1 / Hero",
        "familia": "titulos",
        "peso": 800,
        "tamano": { "mobile": "2.25rem", "sm_640": "3rem", "lg_1024": "3.75rem" },
        "interlineado": 1.25,
        "tracking": "0",
        "color": "blanco",
        "origen_web": "h1: text-4xl sm:text-5xl lg:text-6xl font-extrabold leading-tight"
      },
      {
        "id": "h2",
        "nombre": "H2 / Título de sección",
        "familia": "titulos",
        "peso": 700,
        "tamano": { "fluido": "clamp(1.75rem, 3.2vw, 2.5rem)" },
        "interlineado": 1.18,
        "tracking": "-0.01em",
        "color": "blanco",
        "origen_web": ".section-title"
      },
      {
        "id": "h3",
        "nombre": "H3 / Título de card",
        "familia": "titulos",
        "peso": 700,
        "tamano": { "base": "1.3rem" },
        "interlineado": 1.25,
        "tracking": "0",
        "color": "blanco",
        "origen_web": ".ai-capability-card__title"
      },
      {
        "id": "cuerpo-lg",
        "nombre": "Cuerpo destacado",
        "familia": "cuerpo",
        "peso": 400,
        "tamano": { "base": "1.05rem" },
        "interlineado": 1.9,
        "tracking": "0",
        "color": "texto-secundario",
        "origen_web": ".section-copy"
      },
      {
        "id": "cuerpo",
        "nombre": "Cuerpo",
        "familia": "cuerpo",
        "peso": 400,
        "tamano": { "base": "0.98rem" },
        "interlineado": 1.7,
        "tracking": "0",
        "color": "texto-secundario",
        "origen_web": ".ai-capability-card__copy"
      },
      {
        "id": "ui",
        "nombre": "UI / Botón",
        "familia": "cuerpo",
        "peso": 700,
        "tamano": { "base": "1rem", "chico": "0.92rem" },
        "interlineado": 1.5,
        "tracking": "0",
        "color": "teal-oscuro",
        "origen_web": ".primary-button, .primary-button--sm (interlineado heredado de html: 1.5)"
      },
      {
        "id": "eyebrow",
        "nombre": "Eyebrow",
        "familia": "cuerpo",
        "peso": 700,
        "tamano": { "base": "0.78rem" },
        "interlineado": 1.5,
        "tracking": "0.16em",
        "mayusculas": true,
        "color": "teal-claro",
        "origen_web": ".eyebrow (interlineado heredado de html: 1.5)"
      },
      {
        "id": "chico",
        "nombre": "Texto chico",
        "familia": "cuerpo",
        "peso": 400,
        "tamano": { "base": "0.88rem" },
        "interlineado": 1.4,
        "tracking": "0",
        "color": "texto-secundario",
        "origen_web": ".metrics-strip__label"
      }
    ]
  },

  "layout": {
    "radios": {
      "pill": "999px",
      "sm": "1rem",
      "md": "1.4rem",
      "lg": "1.6rem",
      "xl": "2.2rem"
    },
    "sombras": {
      "base": "0 24px 80px rgba(2, 6, 23, 0.45)",
      "glow-teal": "0 16px 38px -10px rgba(45, 212, 191, 0.42)"
    },
    "ancho_maximo": "1320px"
  },

  "logos": {
    "$comment": "No existe vector original. El SVG del isotipo se trazó a partir de media/logos/new-logo.png. Todas las variantes salen de ese SVG. PNG transparentes; el tamaño es el lado (isotipo) o el ancho (horizontal).",
    "reglas": {
      "area_respeto": "1/4 del alto del isotipo en todo el perímetro.",
      "area_respeto_factor": 0.25,
      "tamano_minimo": {
        "isotipo": { "digital": "24px", "impreso": "10mm" },
        "horizontal": { "digital": "120px de ancho" }
      },
      "usos_incorrectos": [
        "Estirar o deformar.",
        "Rotar.",
        "Usar sobre fondos con poco contraste.",
        "Agregar efectos (sombras, brillos, biseles, contornos)."
      ]
    },
    "isotipo": {
      "color": {
        "uso": "Sobre fondos oscuros de la paleta.",
        "svg": "assets/logos/isotipo/foxii-isotipo-color.svg",
        "png": {
          "512": "assets/logos/isotipo/foxii-isotipo-color-512.png",
          "1024": "assets/logos/isotipo/foxii-isotipo-color-1024.png",
          "2048": "assets/logos/isotipo/foxii-isotipo-color-2048.png"
        }
      },
      "sobre-claro": {
        "uso": "Sobre fondos claros. Mismo diseño que la versión color.",
        "svg": "assets/logos/isotipo/foxii-isotipo-sobre-claro.svg",
        "png": {
          "512": "assets/logos/isotipo/foxii-isotipo-sobre-claro-512.png",
          "1024": "assets/logos/isotipo/foxii-isotipo-sobre-claro-1024.png",
          "2048": "assets/logos/isotipo/foxii-isotipo-sobre-claro-2048.png"
        }
      },
      "mono-blanco": {
        "uso": "Una tinta blanca (relleno con calados), sobre fondos oscuros.",
        "svg": "assets/logos/isotipo/foxii-isotipo-mono-blanco.svg",
        "png": {
          "512": "assets/logos/isotipo/foxii-isotipo-mono-blanco-512.png",
          "1024": "assets/logos/isotipo/foxii-isotipo-mono-blanco-1024.png",
          "2048": "assets/logos/isotipo/foxii-isotipo-mono-blanco-2048.png"
        }
      },
      "mono-navy": {
        "uso": "Una tinta navy #071120 (relleno con calados), sobre fondos claros.",
        "svg": "assets/logos/isotipo/foxii-isotipo-mono-navy.svg",
        "png": {
          "512": "assets/logos/isotipo/foxii-isotipo-mono-navy-512.png",
          "1024": "assets/logos/isotipo/foxii-isotipo-mono-navy-1024.png",
          "2048": "assets/logos/isotipo/foxii-isotipo-mono-navy-2048.png"
        }
      }
    },
    "horizontal": {
      "composicion": "Isotipo + \"Foxii Dev\" en Sora 700 (texto convertido a curvas), con la misma proporción, separación y alineación que el header de foxiidev.com.",
      "color": {
        "uso": "Sobre fondos oscuros. Texto en teal-claro (#5EEAD4).",
        "svg": "assets/logos/horizontal/foxii-horizontal-color.svg",
        "png": {
          "512": "assets/logos/horizontal/foxii-horizontal-color-512.png",
          "1024": "assets/logos/horizontal/foxii-horizontal-color-1024.png",
          "2048": "assets/logos/horizontal/foxii-horizontal-color-2048.png"
        }
      },
      "sobre-claro": {
        "uso": "Sobre fondos claros. Isotipo igual, texto en navy (#071120).",
        "svg": "assets/logos/horizontal/foxii-horizontal-sobre-claro.svg",
        "png": {
          "512": "assets/logos/horizontal/foxii-horizontal-sobre-claro-512.png",
          "1024": "assets/logos/horizontal/foxii-horizontal-sobre-claro-1024.png",
          "2048": "assets/logos/horizontal/foxii-horizontal-sobre-claro-2048.png"
        }
      },
      "mono-blanco": {
        "uso": "Una tinta blanca, sobre fondos oscuros.",
        "svg": "assets/logos/horizontal/foxii-horizontal-mono-blanco.svg",
        "png": {
          "512": "assets/logos/horizontal/foxii-horizontal-mono-blanco-512.png",
          "1024": "assets/logos/horizontal/foxii-horizontal-mono-blanco-1024.png",
          "2048": "assets/logos/horizontal/foxii-horizontal-mono-blanco-2048.png"
        }
      },
      "mono-navy": {
        "uso": "Una tinta navy (#071120), sobre fondos claros.",
        "svg": "assets/logos/horizontal/foxii-horizontal-mono-navy.svg",
        "png": {
          "512": "assets/logos/horizontal/foxii-horizontal-mono-navy-512.png",
          "1024": "assets/logos/horizontal/foxii-horizontal-mono-navy-1024.png",
          "2048": "assets/logos/horizontal/foxii-horizontal-mono-navy-2048.png"
        }
      }
    },
    "zip": "assets/logos/foxii-dev-logos.zip"
  },

  "mascota": {
    "reglas": [
      "Acompaña, no reemplaza al logo.",
      "Cuando aparece junto al logo, nunca más chica que el isotipo.",
      "No ocupa más del 40% de la pieza.",
      "Nunca recortada ni deformada.",
      "Siempre sobre fondos de la paleta."
    ],
    "excepciones": [
      "En contenido de Instagram la mascota es la protagonista y puede ocupar el tamaño que haga falta."
    ],
    "tamano_maximo_pieza": 0.4,
    "poses": [
      { "id": "saluda", "nombre": "Saluda", "archivo": "assets/mascota/mascota_saluda.png", "en_web": true },
      { "id": "saluda2", "nombre": "Saluda 2", "archivo": "assets/mascota/mascota_saluda2.png", "en_web": true },
      { "id": "senala", "nombre": "Señala", "archivo": "assets/mascota/mascota_senala.png", "en_web": true },
      { "id": "festeja", "nombre": "Festeja", "archivo": "assets/mascota/mascota_festeja.png", "en_web": true },
      { "id": "sorprendido", "nombre": "Sorprendido", "archivo": "assets/mascota/mascota_sorprendido.png", "en_web": true },
      { "id": "base", "nombre": "Base", "archivo": "assets/mascota/mascota_base.png", "en_web": false },
      { "id": "musculo", "nombre": "Músculo", "archivo": "assets/mascota/mascota_musculo.png", "en_web": false },
      { "id": "piensa", "nombre": "Piensa", "archivo": "assets/mascota/mascota_piensa.png", "en_web": false },
      { "id": "piensa2", "nombre": "Piensa 2", "archivo": "assets/mascota/mascota_piensa2.png", "en_web": false },
      { "id": "trabajando", "nombre": "Trabajando", "archivo": "assets/mascota/mascota_trabajando.png", "en_web": false }
    ]
  },

  "voz": {
    "persona": "nosotros",
    "registro": "rioplatense, directo, sin tecnicismos innecesarios",
    "ejemplos": [
      {
        "contexto": "Propuesta de valor",
        "si": "Te armamos un sistema a medida para que dejes el Excel.",
        "no": "Desarrollamos soluciones de software escalables que optimizan sus procesos de negocio."
      },
      {
        "contexto": "Llamado a la acción",
        "si": "Escribinos y te respondemos en el día.",
        "no": "Contáctese con nuestro equipo comercial para recibir asistencia personalizada."
      },
      {
        "contexto": "Explicar algo técnico",
        "si": "Conectamos tu tienda con tu stock, así no cargás todo dos veces.",
        "no": "Implementamos integraciones vía API REST con sincronización bidireccional de inventario."
      }
    ]
  }
}