Sistema de identidad visual oficial de NoCaos AI. Toda pieza de contenido, diseño, propuesta o comunicación debe respetar estas especificaciones.
🎨 Paleta de Colores
Colores Primarios
| Nombre |
Hex |
Uso |
| Negro Principal |
#0A0A0A |
Fondo dominante. Color de fondo en todas las piezas principales. |
| Electric Teal |
#00E5B4 |
Acento, CTAs, highlights, elementos que deben destacar. |
| Blanco |
#FFFFFF |
Texto sobre fondos oscuros. Fondos de documentos limpios. |
Colores Secundarios
| Nombre |
Hex |
Uso |
| Gris Oscuro |
#1A1A1A |
Fondos secundarios, cards, secciones de contraste suave. |
| Gris Medio |
#AAAAAA |
Texto secundario, elementos mutedos, captions. |
| Teal Dark |
#00C49A |
Variante del teal eléctrico para usar sobre fondos blancos (mejor contraste). |
Reglas de Uso
- Nunca usar el Electric Teal como fondo de áreas grandes.
- Siempre usar negro + teal como el par dominante de la marca.
- El par negro + blanco es el base; el teal es el acento que activa la pieza.
- Contraste mínimo de texto: 4.5:1 (accesibilidad).
- En Instagram/TikTok: negro + teal, alto contraste, texto en blanco.
- En LinkedIn: fondo blanco o gris oscuro, logo negro, tono profesional.
- En propuestas y documentos: blanco limpio, logo negro, acento verde en titulares clave.
🔤 Tipografía
Fuentes Oficiales
Font 1 — Display & Logo: Space Grotesk (Google Fonts, gratuita)
| Peso |
Uso |
| Bold 700 |
Logo wordmark, hero headlines, titulares principales |
| SemiBold 600 |
Headings de sección, títulos de slides |
| Medium 500 |
Subheadings, labels, CTAs en mayúsculas con letter-spacing 0.1em |