OQO · Permanencia Biblioteca 04 · Tipografía
Tres capas. Un carácter.
Fraunces habla. Formula opera. Mono reporta.
Roles
Tres capas. Un carácter.
Si la marca le habla al lector, Fraunces. Si el lector usa o elige, Formula. Si la máquina reporta, Mono. Completar en data/type-roles.ts.
Treinta años no se explican. Se reconocen.
La marca le habla al lector. Titulares de sección — home y servicio — en caja normal.
La evidencia es material: grano, madera, textura. El tono es cercano. El producto, preciso — sin gritar y sin desaparecer.
Párrafos de marca. --fs-lg. Max ~60ch.
HABLEMOS
Lo que el lector usa o elige: plataformas, chips, CTAs. Uppercase solo si ≤3 palabras.
Interfaz precisa, CTAs en Roble, links que se ven. La marca permanece sin pedir permiso al azul corporativo.
UI, formularios, texto operativo. --fs-lg.
PERMANENCIA · BASE CANÓNICA · #B07A3E
La máquina reporta: rótulos, hex, datos, grilla técnica. --fs-xs. Piso 11px.
Cuándo cuál
El relato respira. La UI decide.
- FrauncesFrase que la marca le dice al lector. Titular de sección, caja normal.
- Formula + RaderCosa que el lector usa o elige: nav, plataforma, chip, CTA, form.
- Supply MonoDato que la máquina reporta: rótulo, hex, score, grilla técnica.
- MayúsculasSolo rótulos de tres palabras o menos. Una frase nunca va en caja alta.
Escala
Cuatro tamaños. Piso once.
Nada bajo --fs-xs 11px. Nada de rem con decimales. Titulares en clamp.
| Nivel | Familia | Tamaño | Peso / tracking |
|---|---|---|---|
| H2 de sección | Fraunces | clamp 44–80px | 600 · −0.015em · caja normal |
| Display UI | Formula Narrow | clamp 48–96px | 700 · −0.02em · UPPER si ≤3 palabras |
| CTA | Formula Narrow | ≥18px | 600 · 0.06em · UPPER · blanco / Roble |
| --fs-lg | Manrope / Rader | 17px | Cuerpo y bajadas |
| --fs-md | Manrope / Rader | 15px | Listas, tarjetas, chips |
| --fs-sm | Manrope / Mono | 13px | Pie de tarjeta, meta |
| --fs-xs | Supply Mono | 11px | Rótulos. Piso del sistema. |