Tipografía

La tipografía es el principal vehículo de información en los servicios públicos digitales. Antes que cualquier componente o color, lo que las personas necesitan es leer y comprender: qué trámite están realizando, qué datos deben ingresar y qué ocurrirá después.

Una escala tipográfica bien definida establece jerarquía sin depender de decoración. Permite que la persona identifique de un vistazo qué es un título, qué es una instrucción y qué es un dato secundario, incluso al leer rápido o en una pantalla pequeña.

El sistema define tamaños, pesos y alturas de línea para cada nivel de la escala. Usar estos valores en vez de definiciones propias asegura legibilidad en distintos dispositivos y evita que el texto pierda contraste o proporción al cambiar de contexto.

Cómo aplicar la escala

• Usa Display solo para títulos principales de portada o hero; un uso excesivo diluye su función.
• Usa Body para todo el texto de lectura continua, priorizando una altura de línea generosa.
• Usa Caption para etiquetas, metadatos y textos de ayuda, nunca para contenido esencial.
• Respeta el orden jerárquico de encabezados (h1, h2, h3) sin saltarse niveles.

La jerarquía visual debe coincidir con la jerarquía semántica del documento: los lectores de pantalla navegan por la estructura de encabezados, no por el tamaño del texto.