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
Servicios Digitales – Cali
Tipografía que se usa:
- Montserrat
Ejemplos de uso
Movilidad en Línea – Manizales
Tipografía que se usa:
- Montserrat
Ejemplos de uso
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.