Uso tipográfico

El sistema tipográfico está compuesto por varias familias tipográficas, seleccionadas según la función, jerarquía y contexto de uso dentro de la interfaz. Cada tipografía cumple un propósito específico, permitiendo construir una experiencia visual consistente, legible y alineada con la identidad del producto.

Color de encabezados y resaltados

Los encabezados pueden usar variantes de color según la intención visual y el contexto de uso. Estas variables no modifican la jerarquía tipográfica del texto, sino su énfasis dentro de la interfaz.

Normalmente se utiliza el color Secondary para títulos y resaltados de mayor importancia.

En casos puntuales se utiliza en H1 para el banner y se usa el siguiente color para mejor contraste:

White (#FFFFFF)

Ejemplos de uso

Movilidad en Línea – Medellín

Tipografía que se usa:

Montserrat

Ejemplos de uso

H1
Texto con resaltado

Servicios Digitales – Cali

Tipografía que se usa:

Montserrat

Ejemplos de uso

H1
Texto con resaltado

Movilidad en Línea – Manizales

Tipografía que se usa:

Montserrat

Ejemplos de uso

H1
Texto con resaltado

Buenos usos

Usar la tipografía indicada de cada servicio de forma consistente en los encabezados.
Limitar el uso de H1 a una sola vez por página, cuando sea posible.
Mantener contraste, tamaño y peso adecuados para asegurar legibilidad.