El marco en una frase
Un sistema construido alrededor de un naranja que ocupa territorio, con neutros cálidos que rechazan el blanco laboratorio, y secundarios editoriales que abren registros sin diluir la identidad.
Filosofía cromática
El naranja es firma, no acento. La mayoría de marcas B2B tech usan color como acento sobre fondos claros. ZAGA eleva el naranja a plancha, lo ocupa como territorio. Es la lectura opuesta a la categoría en general y preserva el equity emocional del color histórico de la marca.
Los neutros son cálidos, no laboratorio. El sistema rechaza el blanco puro y el negro puro. Todos los neutros tienen temperatura cálida deliberada: cream, blanco cálido, negro cálido. El blanco laboratorio traiciona la personalidad; el cream la sostiene.
Los secundarios abren registros, no compiten. Los secundarios son territorios auxiliares para cards editoriales, secciones de contexto y ambientes específicos. Todos operan como marco del naranja, nunca como sustituto.
Paleta primaria
Naranja primario · #ff4e00 (RGB 255, 78, 0 · CMYK 0, 69, 100, 0 · Pantone 165 C aprox.). La firma. Fondos de plancha, wordmark sobre neutros oscuros, elementos que ocupan territorio visual. Es el color con el que se piensa la marca.
Naranja acento · #ff6100 (RGB 255, 97, 0 · CMYK 0, 62, 100, 0 · Pantone 1655 C aprox.). El matiz tipográfico. Ligeramente más cálido. Existe para headlines grandes sobre cream cuando la palabra requiere presencia sin usar plancha completa.
Paleta neutra
Cream · #f9f8f5 (RGB 249, 248, 245). Fondo claro del sistema. Reemplaza al blanco puro en todas las aplicaciones.
Blanco cálido · #fff4f4 (RGB 255, 244, 244). Texto sobre planchas de color. Wordmark sobre naranja. Nunca como fondo.
Negro cálido · #0d0d10 (RGB 13, 13, 16). Neutro oscuro por defecto. Fondos alternativos y texto de alta jerarquía.
Negro alta legibilidad · #090304 (RGB 9, 3, 4). Body copy sobre fondo claro. Reservado para texto extenso.
Paleta secundaria
Navy · #211b51 (RGB 33, 27, 81). Secundario dramático. Cards editoriales de alto contraste. Fondos de testimonios y momentos de énfasis.
Lavanda apagada · #e6e0ea (RGB 230, 224, 234). Secundario suave. Cards editoriales y ambientes cálidos.
Beige olive · #ecebdf (RGB 236, 235, 223). Secundario natural. Cards editoriales con tono tierra.
Los secundarios no se combinan entre sí en una misma composición. Cada uno vive en cards individuales o secciones separadas.
Reglas de dosificación
El sistema opera bajo una proporción que preserva jerarquía visual y evita saturación cromática.
Base (~60%). Cream y negros cálidos. Fondos, texto, superficies extensas. Es el aire del sistema.
Identidad (~30%). Naranja primario. Planchas de firma, wordmark, elementos que ocupan territorio.
Contexto (~10%). Navy, lavanda, beige. Cards editoriales, secciones de contexto, momentos de variedad.
La proporción guía la sensación del sistema, no cada layout. Lo que no puede suceder es que los secundarios ocupen más espacio que el naranja: en el momento en que eso ocurre, la marca pierde firma visual.
Consideraciones para impresión
El naranja primario en CMYK sufre una desviación perceptible respecto al RGB: pierde saturación y se percibe más cálido. Para tirajes de merchandising importantes, especificar Pantone 165 C en la orden de producción en lugar de CMYK. Garantiza consistencia entre lotes y proveedores.
Accesibilidad
Todas las combinaciones cromáticas del sistema cumplen con los estándares WCAG 2.1 nivel AA como mínimo. Los pares aprobados y las reglas de contraste específicas para cada combinación se documentan en el design system operativo.