Tipografía
Urbanist
Una sola fuente en todo el sistema. Variable, 5 pesos útiles. Números siempre en light 300 con tracking apretado.
Pesos
Aa 123
Light · 300
Números hero — el valor es el protagonista
Aa 123
Regular · 400
Body, labels, texto general
Aa 123
Medium · 500
Botones, énfasis suave
Aa 123
Semibold · 600
H2 de sección
Aa 123
Bold · 700
Raro. Solo cuando la tipografía no alcanza
Escala
12pxtext-xsCaption / label / footnote
14pxtext-smBody copy estándar
16pxtext-baseBody copy editorial
18pxtext-lgIntro / destacado
20pxtext-xlSub-section heading
24pxtext-2xlSection heading
30pxtext-3xlH1 página estándar
36pxtext-4xlHero number (card)
48pxtext-5xlHero number XL
Número hero
Total mensual
$42/mes
3 suscripciones activas
font-weight 300letter-spacing -0.04emtabular-nums
Jamás hacer
- ×Mezclar Urbanist con otra sans (Inter, DM Sans, Plus Jakarta).
- ×Usar monospace como 'toque técnico'. Solo si hay una razón real.
- ×Bold 700 en números de datos. Son light 300.
- ×uppercase tracking-widest para labels. No estamos en 2019.
- ×Gradient text. Solid colors only.