Tipografía

Tipografía web

Font families

Las font families para web son:

•  Montserrat
• Roboto
• Poppins

Desktop

Estas escalas tipográficas están diseñadas para la visualización en pantallas de escritorio.

Categoría de escala	Variable	Font-size	Line-height
H1 Large	Bold	43 px	56 px
H1 Large	Semibold	43 px	56 px
H1 Medium	Bold	37 px	48 px
H1 Medium	Semibold	37 px	48 px
H1 Small	Bold	32 px	42 px
H1 Small	Semibold	32 px	42 px
Headline 1	Regular	28 px	36 px
Headline 1	Semibold	28 px	36 px
Headline 1	Bold	28 px	36 px
Headline 2	Regular	24 px	30 px
Headline 2	Semibold	24 px	30 px
Headline 2	Bold	24 px	30 px
Headline 3	Regular	21 px	27 px
Headline 3	Semibold	21 px	27 px
Headline 3	Bold	21 px	27 px
Headline 4	Regular	18 px	23 px
Headline 4	Semibold	18 px	23 px
Headline 4	Bold	18 px	23 px
Headline 5	Regular	16 px	21 px
Headline 5	Semibold	16 px	21 px
Headline 5	Bold	16 px	21 px
Headline 6	Regular	14 px	18 px
Headline 6	Semibold	14 px	18 px
Headline 6	Bold	14 px	18 px
Paragraph Large	Regular	16 px	21 px
Paragraph	Regular	16 px	21 px
Paragraph Small	Regular	14 px	18 px
Button Large	Semibold	16 px	21 px
Button	Medium	14 px	18 px
Button	Semibold	14 px	18 px
Button Small	Semibold	14 px	18 px
Label	Regular	14 px	18 px
Placeholder	Regular	14 px	18 px

Responsive

Escalas optimizadas para dispositivos móviles, adaptando tamaños y alturas de línea para mejorar la lectura.

Categoría de escala	Variable	Font-size	Line-height
H1 Large	Bold	37 px	48 px
H1 Medium	Bold	32 px	42 px
H1 Small	Bold	28 px	36 px
Headline 1	Regular	24 px	31 px
Headline 1	Bold	34 px	31 px
Headline 2	Regular	21 px	27 px
Headline 2	Bold	21 px	27 px
Headline 3	Regular	19 px	25 px
Headline 3	Bold	19 px	25 px
Headline 4	Regular	16 px	21 px
Headline 4	Bold	16 px	21 px
Headline 5	Regular	14 px	18 px
Headline 5	Bold	14 px	18 px
Headline 6	Regular	14 px	18 px
Headline 6	Bold	14 px	18 px
Paragraph Large	Regular	16 px	21 px
Paragraph	Regular	14 px	18 px
Paragraph Small	Regular	12 px	17 px
Button Large	Semibold	16 px	21 px
Button	Semibold	14 px	18 px
Button Small	Semibold	14 px	18 px
Label	Regular	14 px	18 px
Placeholder	Regular	14 px	18 px

Tipografía app

Font families

Las font families para app son:

• Roboto
• Nunito

Tipografías utilizada en aplicaciones móviles, seleccionadas por su legibilidad y compatibilidad con sistemas operativos.

Categoría de escala	Variable	Font-size	Line-height
Display Large	Regular	54 px	64 px
Display Medium	Regular	45 px	52 px
Display Small	Regular	36 px	44 px
Headline Large	Regular	32 px	40 px
Headline Medium	Regular	28 px	36 px
Headline Small	Medium	24 px	30 px
Headline Small	Regular	24 px	30 px
Title Large	Medium	22 px	28 px
Title Medium	Medium	16 px	24 px
Title Small	Medium	14 px	20 px
Body Large	Regular	18 px	25 px
Body Medium	Regular	16 px	24 px
Body Small	Regular	14 px	20 px
Body Extra Small	Regular	12 px	16 px
Label Large	Medium	18 px	25 px
Link Medium	Medium	16 px	24 px
Link Small	Medium	14 px	20 px
Button Large	Medium	18 px	25 px
Button Medium	Medium	16 px	24 px
Button Large	Medium	14 px	20 px
Placeholder	Regular	16 px	18 px
Link Large	Medium	18 px	25 px
Link Medium	Medium	16 px	24 px
Link Small	Medium	14 px	20 px

Tipografía communication

Font family

La font family para communication es:

• Arial

Tipografías destinadas a piezas de comunicación corporativa, documentos formales y correos electrónicos, priorizando claridad y compatibilidad.

Documentos

Categoría de escala	Variable	Font-size	Line-height
Title	Bold	10 px	12 px
Paragraph	Regular	10 px	12 px
Title-tables	Bold	10 px	12 px
Tables	Regular	10 px	12 px
Title-option-2-tables	Bold	8 px	10 px
Tables-option-2	Regular	8 px	10 px

Correo electrónicos

Categoría de escala	Variable	Font-size	Line-height
Title	Bold	14 px	12 px
Paragraph	Regular	12 px	10 px