Tipografía

Una familia, una escala de tamaños y estilos listos para usar.

Familia

Montserrat para todo el sitio, en cuatro pesos.

Muestra	Token	Valor
Aa		Montserrat, system-ui, sans-serif
Aa		Montserrat, system-ui, sans-serif

Pesos

Muestra	Token	Valor
Aa		400
Aa		500
Aa		600
Aa		700

Estilos de texto

Combinan peso, tamaño, interlineado y familia. Usalos en lugar de armar cada valor a mano.

Muestra	Token	Valor	Uso
La calidad que vos te merecés		600 60px/60px Montserrat, system-ui, sans-serif	Hero (h1)
La calidad que vos te merecés		600 36px/40px Montserrat, system-ui, sans-serif	Títulos de página (h1) desde md
La calidad que vos te merecés		600 30px/36px Montserrat, system-ui, sans-serif	Títulos de página (h1) mobile y de sección (h2)
La calidad que vos te merecés		600 20px/28px Montserrat, system-ui, sans-serif	Subtítulos de bloque
La calidad que vos te merecés		600 14px/20px Montserrat, system-ui, sans-serif	Nombre de producto en card (h3)
La calidad que vos te merecés		400 18px/28px Montserrat, system-ui, sans-serif	Texto destacado: bajada del hero (desde md)
La calidad que vos te merecés		400 16px/24px Montserrat, system-ui, sans-serif	Texto base
La calidad que vos te merecés		400 14px/20px Montserrat, system-ui, sans-serif	Descripciones, footer
La calidad que vos te merecés		500 14px/20px Montserrat, system-ui, sans-serif	Botones y controles
La calidad que vos te merecés		400 12px/16px Montserrat, system-ui, sans-serif	Precio por unidad, legales

Escala de tamaños

Los tamaños base. Cada uno tiene su interlineado.

Muestra	Token	Valor
Aa		11px
Aa		12px
Aa		14px
Aa		16px
Aa		18px
Aa		20px
Aa		24px
Aa		30px
Aa		36px
Aa		48px
Aa		60px

Interlineado

Alto de línea que acompaña a cada tamaño.

Token	Valor
	16px
	20px
	24px
	28px
	32px
	36px
	40px
	40px
	60px