El componente de tipografía de FDS: deja de elegir tamaños
Si usas FDS, tienes la tipografía resuelta sin pensar en píxeles.
En vez de decidir text-5xl aquí y text-3xl allá, pones la clase por lo que ES:
.display para el impacto del hero.
.heading para los títulos (el comodín del día a día).
.subheading para apoyar.
.text-medium para el cuerpo.
¿Qué ganas con eso?
Jerarquía clara. Eliges por significado (display › heading › subheading › texto), no por un tamaño suelto.
Composición fina de regalo. Los titulares llevan text-balance y el cuerpo text-pretty, así que las líneas nunca quedan feas.
Una sola fuente de verdad. La escala entera sale de unos pocos tokens: ajustas el ritmo una vez y se propaga a todo el sitio.
En resumen: menos decisiones por título y más consistencia.
¿Usas una escala tipográfica con nombres o sigues poniendo tamaños a mano en cada título? 👇