naab AI
Guía de marca
Cómo se ve y cómo habla naab AI. Es la referencia para quien diseñe, escriba o publique algo con la marca: una landing, un post, una presentación, un correo.
Última revisión: 29 de octubre de 2026.
Nombre y logo
El nombre
Se escribe naab AI: «naab» en minúscula y «AI» en mayúsculas, siempre, también al principio de una frase. naab.ai es la dirección, no el nombre.
«naab» significa «medir» en maya. Los puntos del símbolo vienen de ahí: la numeración maya contaba con puntos y barras, y fue de las primeras del mundo en tener un cero. Medir es, exactamente, lo que hace el producto.
naab AI
- naab AI en cualquier frase, también al principio.
- Naab AI NAAB NaabAI naab.ai como nombre.
El logo
Cómo se usa
- Espacio alrededor. Como mínimo, la altura de la «n» por los cuatro lados. Nada lo toca.
- Tamaño mínimo. 24 píxeles de alto en pantalla el logo completo; 16, el símbolo solo. En papel, 8 milímetros.
- Fondos. Blanco, canvas o navy oscuro. Nunca sobre una foto con detalle ni sobre el degradado de la marca.
- Al lado de otros logos. A la misma altura visual que el resto, con su espacio, y nunca el más pequeño del grupo.
Lo que no se hace
- No se estira ni se aplasta.
- No se cambian los colores.
- No se gira.
- No lleva sombras ni contornos.
Color
Seis colores de marca y unos neutros. Cada color tiene un trabajo y no se intercambian: si algo es jade, es tuyo; si algo es navy, es de naab.
- Azul naab
#4058a8El azul del símbolo, con su degradado hasta #4870b8. Marca: logo, portadas, piezas de marca. - Verde azulado
#1888a0El de los puntos y del «AI», hasta #2898a8. Marca: acompaña al azul, nunca solo en la interfaz. - Navy
#2a3f7eLo interactivo: botones, enlaces, lo que hace naab. Oscuro, #131c36, para fondos. - Jade
#00a878Exclusivo de «tú»: tu marca, tus cifras, lo que aprueba una persona. Como texto, #007a58. - Terra
#c94332Bajadas, gasto perdido, lo que se quita. Como texto pequeño, #b63a2a. - Oro
#daa520Para destacar una cosa por pantalla. Solo como relleno, nunca como texto sobre blanco.
Neutros
- Tinta
#16181d - Tinta 2
#565a64 - Línea
#e6e7ea - Canvas
#f7f7f8 - Papel
#ffffff - Navy oscuro
#131c36
Contraste
Las combinaciones que se usan, con su contraste medido. Texto normal necesita 4,5 a 1; titulares grandes y rellenos, 3 a 1.
| Muestra | Combinación | Contraste | Para qué |
|---|---|---|---|
| Aa | Tinta sobre papel | 17,8 a 1 | Texto |
| Aa | Tinta 2 sobre papel | 6,9 a 1 | Texto secundario |
| Aa | Navy sobre papel | 9,9 a 1 | Texto, enlaces y botones |
| Aa | Blanco sobre navy oscuro | 16,8 a 1 | Texto en fondos oscuros |
| Aa | Azul naab sobre papel | 6,6 a 1 | Titulares de piezas de marca |
| Aa | Verde azulado sobre papel | 4,1 a 1 | Solo titulares grandes y rellenos |
| Aa | Jade texto sobre papel | 5,4 a 1 | Texto en jade. El jade puro, 3,1, solo rellenos y bordes |
| Aa | Terra texto sobre papel | 5,8 a 1 | Bajadas en texto. El terra puro, 4,8, en cifras grandes |
| Aa | Tinta sobre oro | 7,9 a 1 | Lo único que va sobre oro. Oro sobre papel, 2,2: nunca como texto |
| Aa | Jade sobre navy oscuro | 5,5 a 1 | Tus cifras en fondos oscuros |
| Aa | Navy claro sobre navy oscuro | 6,5 a 1 | Acentos en fondos oscuros |
Tipografía
Figtree, una sola familia para todo: titulares, texto, botones y cifras. Es de Erik Kennedy, con licencia libre (SIL Open Font License), y la web la sirve desde sus propios servidores.
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
0123456789 € % ¿? ¡! «»
| Uso | Peso | Tamaño | Ejemplo |
|---|---|---|---|
| Titular de portada | 800 | 40 a 80 px | Tu marketing de pago |
| Titular de sección | 750 | 32 a 56 px | Qué es naab |
| Subtítulo y entradilla | 400 a 650 | 19 a 22 px | Un conector para la IA que ya usas. |
| Texto | 400 | 17 px, interlínea 1,55 | naab propone; tú apruebas; naab lo aplica. |
| Interfaz y botones | 700 | 15 a 16 px | Solicitar acceso |
| Notas y etiquetas | 400 a 700 | 13 a 14 px | Ejemplo ilustrativo con una marca ficticia |
- Interletrado. Titulares a −0,03 em; el texto, tal cual.
- Cifras. Tabulares en tablas e importes, para que las columnas cuadren. Los importes van con su moneda y su separador de miles: 14.900 €.
- Mayúsculas. Solo al principio de frase y en nombres propios. Sin etiquetas en mayúsculas ni titulares en mayúsculas.
- En la aplicación, de momento, Inter. Figtree es la letra de la marca y de la web.
Voz
naab habla claro, de tú y con datos. Si una frase no se la diría una persona a otra en una conversación, naab tampoco.
- De tú, y corto. Una idea por frase. Sin mayúsculas de titular ni signos de admiración.
- Sin jerga. «Búsquedas» antes que «términos de búsqueda», «coste por venta» antes que «CPA». Si hace falta la sigla, va después y entre paréntesis.
- Datos reales o nada. Ninguna cifra inventada, ningún «hasta un 30 %». Cuando el ejemplo es ficticio, lo dice: la etiqueta «Ejemplo ilustrativo» va siempre a la vista.
- Honesto con los límites. Lo que naab no hace se dice igual de claro que lo que hace. Un conector con una limitación la cuenta.
- naab no es una persona. No dice «estoy» ni «creo». Quien habla en primera persona es tu IA; naab es el conector.
- En español y en inglés. Las dos versiones dicen lo mismo. Prevalece la española.
Así sí, así no
Piezas
Lo que se repite en todo lo que publica naab. Son las piezas de verdad de la web, con sus clases y sus colores: lo que se ve aquí es lo que hay.
Botones
Navy para la acción principal, una por pantalla; el secundario, con borde. El texto dice lo que pasa al pulsar: «Solicitar acceso», no «Enviar».
Etiquetas
Navy claro para lo que hace naab, jade para lo tuyo. La de ejemplo, siempre que haya cifras o marcas ficticias.
Conversación
Tú en jade claro, a la derecha. Tu IA en tarjeta blanca con borde, a la izquierda. Lo que naab consulta, en una lista con marcas de hecho.
Iconos
De trazo, 1,8 píxeles a 24, esquinas redondas y un solo color. Nada de iconos rellenos, de colores ni con sombra.
Imágenes
Capturas y maquetas del producto. Nunca fotos de stock, ni personas de stock, ni ilustraciones genéricas de «inteligencia artificial» con cerebros o circuitos. Un gráfico lleva datos reales o la etiqueta de ejemplo.
Fondos
Blanco, canvas y navy oscuro. El degradado de marca, de azul a verde azulado, se reserva a piezas de marca: logo, portadas de documentos, avatares. No va en la interfaz.
Descargas
Los ficheros del logo, con fondo transparente. Úsalos tal cual: sin recolorear, sin recortar.
- Logo completoPNG, 713 × 242 píxelesDescargar
- SímboloPNG, 230 × 242 píxelesDescargar
- LetrasPNG, 434 × 121 píxelesDescargar
- Logo animadoMP4, 684 × 684 píxeles, 8 segundos en bucleDescargar
¿Necesitas el logo en vectorial o en blanco? Escríbenos a hi@naab.ai.