Ecosistema CORE · Cómo usar los logotipos, colores y tipografías del sistema
Para que cada marca se vea siempre igual a sí misma, y para que las seis juntas se lean como una familia y no como seis empresas sin relación.
Antes de este sistema, cada marca vivía en su propio repositorio con lo que hubiera a mano: un PNG suelto acá, un SVG dibujado con texto allá, colores repetidos a ojo en el código. Dos marcas hermanas podían usar tipografías distintas sin que nadie lo notara.
Ahora hay un paquete por marca, con los archivos ya listos para web, redes, documentos y presentaciones. La regla de oro es simple:
El by CORE y el by ODDY son
endosos: dicen quién respalda a la marca, sin reemplazar su nombre.
FACILIA no es "un producto de CORE"; es FACILIA, respaldada por CORE.
Cada marca endosada tiene dos logos. Elegir entre ellos es la decisión más frecuente y la más fácil de equivocar.
Cuando ya está claro de quién es la pieza: el sitio propio de la marca, su avatar de redes, el interior de un documento suyo, un cartel en su local.
Cuando la marca aparece ante alguien que no la conoce, o junto a otras: portadas de propuestas y presupuestos, home del sitio, material comercial, firmas de correo, presentaciones.
| Marca | Repositorio | Ruta | Contenido |
|---|---|---|---|
| Charlie | Charlie | brand/charlie/ | 7 SVG + 23 PNG |
| CORE | CORE | brand/sistema-b-d3c/ | 7 SVG + 15 PNG |
| ODDY | ODDY | brand/oddy/ | 18 PNG |
| OnDemand | ODDY | brand/ondemand/ | 9 SVG + 25 PNG |
| FACILIA | FACILIA | brand/facilia/ | 7 PNG |
| COMITA | COMITA | brand/comita/ | 10 SVG + 27 PNG |
En cada carpeta, los nombres dicen para qué sirve el archivo:
logo-* es el logotipo suelto, by-core-* o by-oddy-*
el que lleva endoso, avatar-* el cuadrado para perfiles de redes, y
favicon-* el del navegador. El número final es el ancho en píxeles: usá 2048
para impresión y 1024 para pantalla.
Cada carpeta tiene además un README.md con el detalle de esa marca y un
build-assets.js que regenera todo el paquete.
brand/. Así los assets
y sus generadores nunca se desincronizan.| Marca | Colores | Tipografía | Regla propia |
|---|---|---|---|
| Charlie | #F26522 #1A1A1A #FFFFFF | Helvetica / Helvetica Neue web: Inter |
Va en naranja sobre blanco o sobre negro. El naranja es la tinta, no el fondo. |
| CORE | #152238 #0E8A82 | IBM Plex Sans mono: IBM Plex Mono |
Símbolo D3-C. Su geometría está congelada: no se altera ni se redibuja. |
| ODDY | #0B2A61 #0169F5 | Poppins Medium texto: Liberation Sans |
Sólo sobre fondos claros. Ver la advertencia abajo. |
| OnDemand | Hereda todo de ODDY. No tiene colores ni letra propios. | Siempre como OnDemand by ODDY fuera de contexto interno. |
|
| FACILIA | #0B2A61 #D97400 #0169F5 | Poppins Medium texto: Liberation Sans |
Servicios: Clean · Care · Continuity. Nunca "Supply". |
| COMITA | #1F7A4D #161D1A #FFFFFF | Poppins Medium | Se escribe COMITA. Nunca con una "i" extra entre la M y la T. |
by CORE está
compuesto en la tipografía de la marca endosada (Poppins), no en la de CORE. Es una
convención razonable, pero si se define que el endoso debe llevar la letra de CORE, hay
que regenerar los paquetes — es un cambio de una línea en los generadores.