Tipografía#
Georgia se utiliza en titulares, citas y grandes mensajes. Regular es la referencia editorial; negrita sirve para piezas que necesiten más énfasis. La jerarquía depende principalmente del tamaño y del espacio.
Inter se utiliza en textos, navegación, botones, formularios y datos. Regular para lectura, Medium o Semibold para etiquetas y acciones. Evitamos párrafos enteros en mayúsculas, cursiva o negrita.
Roboto permanece en plantillas existentes hasta su renovación. Arial y las fuentes de sistema sirven de respaldo cuando el soporte no admite Inter. El dibujo del logotipo se conserva como archivo gráfico propio.
Escala de partida para nuevas aplicaciones#
| Uso | Referencia digital | Referencia en A4 |
|---|---|---|
| Titular principal | Georgia 48 px; 36 px en formato estrecho | Georgia 28 pt |
| Título de sección | Georgia 32 px | Georgia 20 pt |
| Subtítulo | Inter Semibold 20 px | Inter Semibold 14 pt |
| Texto | Inter 16 px, interlineado 1,5 | Inter 11 pt, interlineado 1,4 |
| Nota o pie | Inter 14 px | Inter 9 pt |
Adapta la escala al soporte. En cartelería, presentaciones y redes, el tamaño final y la distancia de lectura determinan la jerarquía.
Color de los títulos#
El título principal de cada página se presenta en azul profundo. Los títulos de sección y subsección enlazados desde el subíndice utilizan naranja #FF7A00 sobre el fondo claro. Los títulos de los bloques del índice general y las flechas de sus enlaces también utilizan naranja. Sobre un bloque con fondo naranja, los títulos, textos, iconos y flechas se presentan en blanco.
Composición#
Utilizamos una idea principal por bloque, titulares con aire y alineación a la izquierda en textos largos. Reservamos el centrado para mensajes breves, portadas o cierres. La fotografía puede ocupar todo el ancho o compartir espacio con el texto.
Como base para nuevas plantillas digitales, trabajamos con separaciones de 8, 16, 24, 32, 48 y 64 px. En una pieza estrecha, partimos de 24 px de margen; en un documento A4, de 18 mm. Ajusta estas referencias a las necesidades de cada composición.
Los divisores son finos. Se utilizan superficies claras, líneas y espacio para agrupar. Las sombras y los adornos tienen una función concreta; no rodeamos cada párrafo con una tarjeta.
Los botones tienen un texto de acción claro y espacio suficiente alrededor. Los botones con fondo naranja llevan texto, iconos y flechas blancos; las acciones secundarias pueden utilizar un contorno azul. Los enlaces dentro de párrafos deben reconocerse también por su subrayado u otra señal que no dependa solo del color.
Los iconos comparten grosor y estilo dentro de cada pieza. Los gráficos explicativos utilizan etiquetas legibles, unidades y una distinción visible entre datos reales y ejemplos. No se usa el color como única forma de entender un estado.
Firma de correo#
La plantilla de firma utiliza Arial como fuente de compatibilidad para el correo. Conserva el azul corporativo, la jerarquía de nombre y puesto, y el separador naranja. El logo se inserta como PNG, con su dibujo original; no se reconstruye escribiendo Nadrolux con una fuente.
Flechas de navegación y descarga#
Las flechas de enlaces, índices, láminas, descargas y navegación entre páginas utilizan naranja #FF7A00. Sobre botones o bloques con fondo naranja se presentan en blanco #FFFFFF.