18 · Inter en uso

Composición tipográfica

La tipografía es la voz visual de una marca sin color. Estas reglas definen tamaño, interlineado, tracking y medida para que una pieza se vea de Nitente sin necesitar el logo.

Escala completa

Rol	Tamaño / interlineado	Peso	Tracking	Uso
Display	104 / 100 (web), 72 / 72 (móvil)	600	−0,04 em	Una sola vez, en la portada
Título 1	64 / 68	600	−0,03 em	Título de página
Título 2	40 / 44	600	−0,02 em	Secciones
Título 3	24 / 30	600	−0,01 em	Subsecciones y tarjetas
Texto grande	20 / 30	400	0	Entradillas
Texto	16 / 26	400	0	Párrafos
Apoyo	13 / 20	400	0	Pies, notas
Etiqueta	11 / 16 · JetBrains Mono	500	+0,05 em, mayúsculas	Números de página, datos

Display · 104 · −0,04 em

Luz clara

Título 2 · 40 · −0,02 em

Todo cabe en una frase corta.

Texto · 16 / 26

Una buena pieza de Nitente tiene tres cosas: un título que dice de qué trata, un párrafo que lo explica sin adornos, y espacio para respirar entre ambos.

Reglas de composición

Medida: De 60 a 75 caracteres por línea (≈ 38 em). En columnas estrechas, nunca menos de 35.
Interlineado: 1,05 a 1,15 en títulos; 1,5 a 1,65 en texto. Más líneas, más interlineado.
Tracking: Cuanto mayor el tamaño, más cerrado: −0,04 em a 104 px, 0 en texto de 16 px, +0,05 em en mayúsculas pequeñas.
Alineación: A la izquierda siempre. Justificado y centrado solo en titulares cortos de portada.
Pesos: 400 texto, 500 énfasis, 600 títulos. El 700 y el 800 no se usan.
Cursiva: Solo para términos en otro idioma y títulos de obras. No para énfasis.
Números: Tabulares (font-variant-numeric: tabular-nums) en tablas, precios y cifras alineadas.
Jerarquía: Máximo tres niveles visibles a la vez. Se distinguen por tamaño o por peso, no por ambos.

Ejemplo de cifras con y sin números tabulares:

Tabulares

1.111,00
2.222,00
8.888,00

Proporcionales

1.111,00
2.222,00
8.888,00

Respaldos y pesos de archivo

font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
font-feature-settings: "calt", "kern";
font-optical-sizing: auto;

/* Código y datos */
font-family: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

Licencias de las fuentes

Fuente	Licencia	Qué permite	Qué obliga
Inter	SIL Open Font License 1.1	Usar en pantalla e impresión, incrustar en web y apps, modificar y redistribuir.	Conservar el aviso de derechos y el texto de la licencia si se redistribuyen los archivos. No vender la fuente por sí sola.
JetBrains Mono	SIL Open Font License 1.1	Igual que Inter.	Igual que Inter.