{
  "brand": {
    "name": "ASAC",
    "fullName": "Asociación Salvadoreña de Agencias de Carga y Transitarios",
    "source": "https://asac.com.sv/brandbook/",
    "officialNameSource": "https://asac.com.sv/estatutos",
    "reference": "REF · BRAND-2026-07",
    "date": "Julio 2026",
    "type": "Refinamiento visual, no rediseño",
    "summary": "La esencia del logo original se conserva. La intervención oficial mejora construcción técnica, nitidez, proporciones, espaciado y sistema de uso institucional.",
    "personality": [
      "institucional",
      "confiable",
      "formal",
      "técnico",
      "logístico",
      "B2B",
      "sobrio"
    ]
  },
  "publicResources": {
    "brandbook": "https://asac.com.sv/brandbook/",
    "aiManifest": "https://asac.com.sv/brandbook/ai-manifest.json",
    "tokensJson": "https://asac.com.sv/brandbook/asac-brand-tokens.json",
    "tokensCss": "https://asac.com.sv/brandbook/asac-tokens.css",
    "guidelinesMarkdown": "https://asac.com.sv/brandbook/asac-brand-guidelines-for-ai-design-agents.md",
    "designPrompt": "https://asac.com.sv/brandbook/asac-design-agent-prompt.md",
    "assetPack": "https://asac.com.sv/brandbook/asac-brand-assets.zip",
    "llmsIndex": "https://asac.com.sv/brandbook/llms.txt"
  },
  "assets": {
    "logo": {
      "svg": "https://asac.com.sv/images/asac-logo.svg",
      "officialBlue": "#042264",
      "isotypeSvg": "https://asac.com.sv/brandbook/asac-isotipo.svg",
      "preferredUsage": "Usar SVG oficial siempre que sea posible.",
      "doNot": [
        "No reconstruir con texto editable.",
        "No alterar proporciones.",
        "No aplicar sombras, contornos, degradados ni efectos decorativos."
      ]
    },
    "isotype": {
      "svg": "https://asac.com.sv/brandbook/asac-isotipo.svg",
      "usage": "Favicon, avatar, sello, icono de sistema o marca auxiliar cuando el espacio es reducido."
    }
  },
  "colors": {
    "ink": {
      "50": { "token": "--asac-color-ink-50", "hex": "#f1f4f8" },
      "100": { "token": "--asac-color-ink-100", "hex": "#d9dfe8" },
      "300": { "token": "--asac-color-ink-300", "hex": "#8da0b8" },
      "500": { "token": "--asac-color-ink-500", "hex": "#41628a" },
      "700": { "token": "--asac-color-ink-700", "hex": "#1a3458" },
      "900": { "name": "Azul institucional", "token": "--asac-color-ink-900", "hex": "#042264", "role": "primary" }
    },
    "accent": {
      "50": { "token": "--asac-color-accent-50", "hex": "#fff5eb" },
      "100": { "token": "--asac-color-accent-100", "hex": "#feebd7" },
      "300": { "token": "--asac-color-accent-300", "hex": "#fcc387" },
      "500": { "token": "--asac-color-accent-500", "hex": "#fa8219", "role": "primary action accent" },
      "700": { "token": "--asac-color-accent-700", "hex": "#b85c0d" },
      "900": { "token": "--asac-color-accent-900", "hex": "#683407" }
    },
    "state": {
      "success": { "token": "--asac-color-success-500", "hex": "#10b981" },
      "warning": { "token": "--asac-color-warning-500", "hex": "#f59e0b" },
      "danger": { "token": "--asac-color-danger-500", "hex": "#ef4444" },
      "info": { "token": "--asac-color-info-500", "hex": "#3b82f6" },
      "expoTeal": { "token": "--asac-color-expo-teal", "hex": "#1d5e6a" },
      "expoMagenta": { "token": "--asac-color-expo-magenta", "hex": "#e91e63" }
    },
    "surface": {
      "page": { "token": "--asac-color-surface-page", "hex": "#f7f9fc" },
      "raised": { "token": "--asac-color-surface-raised", "hex": "#ffffff" },
      "sunken": { "token": "--asac-color-surface-sunken", "hex": "#f1f4f8" },
      "inverse": { "token": "--asac-color-surface-inverse", "hex": "#042264" }
    }
  },
  "typography": {
    "classes": [
      { "role": "Hero", "class": "home-hero-title", "sample": "Conectando El Salvador con el comercio global." },
      { "role": "Page hero", "class": "page-hero-title", "sample": "Representación logística institucional." },
      { "role": "H1", "class": "fluid-h1", "sample": "Una red que mueve comercio exterior." },
      { "role": "H2", "class": "fluid-h2", "sample": "Servicios para miembros y empresas." },
      { "role": "H3", "class": "fluid-h3", "sample": "Directorio verificado de agencias." },
      { "role": "Lede", "class": "lede", "sample": "ASAC agrupa a empresas que gestionan la carga, el transporte y la conexión con mercados internacionales." },
      { "role": "Eyebrow", "class": "eyebrow-accent", "sample": "Miembro oficial de FIATA" },
      { "role": "Meta", "class": "meta-caps", "sample": "Actualizado julio 2026" }
    ],
    "guidance": [
      "Usar jerarquía clara y editorial para páginas públicas.",
      "Usar interfaces densas, escaneables y sobrias para admin o herramientas operativas.",
      "Evitar estilos inline para tamaños de H1/H2, botones y componentes cuando exista una clase semántica."
    ]
  },
  "radius": {
    "xs": { "token": "--asac-radius-xs", "value": "4px" },
    "sm": { "token": "--asac-radius-sm", "value": "6px" },
    "md": { "token": "--asac-radius-md", "value": "10px" },
    "lg": { "token": "--asac-radius-lg", "value": "14px" },
    "xl": { "token": "--asac-radius-xl", "value": "20px" },
    "2xl": { "token": "--asac-radius-2xl", "value": "28px" }
  },
  "spacing": {
    "1": { "token": "--asac-space-1", "value": "4px" },
    "2": { "token": "--asac-space-2", "value": "8px" },
    "3": { "token": "--asac-space-3", "value": "12px" },
    "4": { "token": "--asac-space-4", "value": "16px" },
    "6": { "token": "--asac-space-6", "value": "24px" },
    "8": { "token": "--asac-space-8", "value": "40px" },
    "10": { "token": "--asac-space-10", "value": "64px" },
    "12": { "token": "--asac-space-12", "value": "96px" }
  },
  "logoSystem": {
    "versions": [
      {
        "name": "Principal sobre azul",
        "description": "Uso institucional preferente en fondos navy, headers, portadas y materiales de alto impacto.",
        "surface": "#042264",
        "logoTreatment": "white or inverted"
      },
      {
        "name": "Secundaria sobre blanco",
        "description": "Uso en documentos, administración, formularios, directorios y superficies claras.",
        "surface": "#ffffff",
        "logoTreatment": "standard navy"
      },
      {
        "name": "Isotipo independiente",
        "description": "Uso como favicon, avatar, sello, icono de sistema o marca auxiliar cuando el espacio es reducido.",
        "surface": "#042264",
        "logoTreatment": "cropped/isotype only when officially prepared"
      },
      {
        "name": "Versión compacta",
        "description": "Uso en espacios angostos: barras laterales, mobile, chips institucionales y firmas digitales.",
        "surface": "#f8fafc",
        "logoTreatment": "compact official asset"
      }
    ],
    "rules": [
      "No reconstruir el logo con texto editable o letras sueltas.",
      "No deformar, condensar, estirar, rotar ni cambiar la relación isotipo/texto.",
      "No usar archivos pixelados cuando exista SVG o versión vectorial.",
      "No aplicar sombras, contornos, degradados ni efectos decorativos al logo.",
      "Mantener aire alrededor: mínimo la altura del isotipo como zona de seguridad.",
      "Usar azul profundo como campo institucional principal y blanco como versión secundaria."
    ]
  },
  "layoutGuidance": {
    "publicPages": [
      "Primera impresión institucional, clara y sobria.",
      "Usar azul institucional como base en heroes o headers importantes.",
      "Usar naranja accent para llamadas a la acción y énfasis.",
      "Preferir fotos reales de eventos, logística, miembros o actividades ASAC sobre imágenes genéricas."
    ],
    "adminAndTools": [
      "Priorizar lectura, escaneo y acción repetida.",
      "Evitar composiciones de landing page dentro de herramientas operativas.",
      "Usar tablas, filtros, estados y botones claros.",
      "Mantener contraste alto y estados visibles."
    ]
  },
  "components": {
    "buttons": {
      "primary": "Fondo #fa8219, texto #042264, un botón primario por bloque.",
      "secondary": "Fondo blanco, borde #d9dfe8, texto #042264.",
      "inverse": "Fondo #042264, texto blanco."
    },
    "badges": "Etiquetas compactas, alto mínimo 28px, radio 999px, peso alto.",
    "tables": "Preferidas para directorios, licitaciones, miembros, reportes y comparaciones.",
    "alerts": "Avisos breves con borde naranja y texto directo."
  },
  "voice": {
    "preferredPronoun": "tú",
    "use": [
      "Institucional",
      "Directa",
      "Técnica cuando el contexto lo requiere",
      "Orientada a logística, carga, aduanas, transporte, miembros y comercio exterior"
    ],
    "avoid": [
      "Voseo si la experiencia usa tú",
      "Lenguaje excesivamente promocional",
      "Promesas absolutas difíciles de probar",
      "Tono juguetón o de consumo masivo"
    ]
  },
  "imagery": {
    "prefer": [
      "Fotos reales de ASAC",
      "Eventos, paneles, capacitación y networking",
      "Operaciones logísticas, carga, transporte, aduanas y comercio exterior",
      "Miembros y actividad institucional"
    ],
    "avoid": [
      "Fondos abstractos cuando una imagen real comunica mejor",
      "Fotos oscuras, borrosas o genéricas",
      "Escenas stock ajenas al contexto regional",
      "Texto que tape información clave de la imagen"
    ]
  }
}