Tipografía
Extraído de FigmaEl DS Torre de Control usa Avenir Next como tipografía única — una sans-serif geométrica con excelente legibilidad en interfaces densas. La escala está construida sobre una progresión modular.
Fuente base
Avenir Next · Familia geométrica · Pesos usados: 400 (regular) y 600 (semibold)
Escala tipográfica
displayheadline-1headline-2headline-3title-1title-2body-1body-2captionlabelReglas de uso
Lineamientos para aplicar correctamente la escala tipográfica.
Usa como máximo 3 niveles de tipo en una misma pantalla. Display + Body-1 + Caption es suficiente para la mayoría de vistas.
Usa fontWeight 600 solo para headings, labels y datos críticos. El texto de cuerpo siempre en 400.
Avenir Next es la única fuente del sistema. No uses otras familias tipográficas, incluidas fuentes del sistema como Arial o Helvetica.
Solo 400 y 600. No uses 300 (light), 500 (medium) o 700 (bold) — no forman parte de la escala del sistema.
Referencia de tokens
| Token | Valor | Descripción |
|---|---|---|
display | 48px / 600 / lh 1.15 | Avenir Next |
headline-1 | 36px / 600 / lh 1.2 | Avenir Next |
headline-2 | 28px / 600 / lh 1.25 | Avenir Next |
headline-3 | 24px / 600 / lh 1.3 | Avenir Next |
title-1 | 20px / 600 / lh 1.35 | Avenir Next |
title-2 | 18px / 600 / lh 1.4 | Avenir Next |
body-1 | 16px / 400 / lh 1.5 | Avenir Next |
body-2 | 14px / 400 / lh 1.5 | Avenir Next |
caption | 12px / 400 / lh 1.4 | Avenir Next |
label | 12px / 600 / lh 1.4 | Avenir Next |