01 Fundamentos · 04

Tipografía

Dos voces. Loretta habla; Geist trabaja.

Loretta — solo editorial

Light 300, reservada para declaraciones de marca, heroes, portadas de sección, momentos de marketing. Nunca en controles, tablas, formularios ni datos. Interletraje −0.025em.

Presencia inteligente.

Loretta Light · interletraje −25 · solo momentos editoriales

Geist — toda interfaz, exclusivamente

La única tipografía en producto. Tres pesos: Light 300, Regular 400, Medium 500. Semibold y bold están prohibidos — la jerarquía viene del tamaño y el tono, no del peso. Interletraje −0.01em.

Tu agente resolvió 336 conversaciones hoy.

Geist Regular · interletraje −10 · la voz de trabajo

1,204

Geist Light en tamaños de despliegue — así hablan los datos

JetBrains Mono — la voz de precisión

Números en tablas, identificadores, marcas de tiempo, etiquetas de ejes, código.

agent_cx · 14:32:08 · 336/500

JetBrains Mono · meta, ids y tiempo

Mayúsculas y minúsculas

Tipo oración en todo. Nunca titulares en mayúsculas sostenidas. Las etiquetas pequeñas en mayúsculas con tracking amplio se permiten solo para meta-etiquetas.

Escala

La escala de interfaz, en píxeles con interlineados correspondientes:

Token Tamaño / línea Uso
xs 12 / 16 leyendas
sm 14 / 20 texto pequeño, celdas
base 16 / 24 cuerpo
lg–xl 18–20 / 28 cuerpo enfatizado
2xl–3xl 24–30 / 32–36 títulos de sección
4xl–5xl 36–48 / 40–52 valores de stats, títulos de página
6xl–7xl 60–72 / 64–76 heroes

Impresos

Loretta 70–90pt y Geist 50–90pt pueden combinarse en impresos para contraste editorial. En pantalla: solo Geist.