Cuando cada persona elige tamaños de letra por intuición, las piezas de una misma marca pueden parecer desconectadas. Un título se vuelve enorme en una propuesta y casi igual al párrafo en otra. La jerarquía tipográfica organiza prioridades y ayuda a reconocer tipos de información. Para una empresa de formación, debe distinguir nombre del curso, módulos, instrucciones y condiciones. El sistema no necesita una cantidad excesiva de estilos, pero sí funciones claras. Su utilidad se comprueba cuando alguien puede crear un material nuevo sin copiar una pieza anterior de forma literal.
Definir funciones antes de medidas
Enumera los tipos de contenido que aparecen con frecuencia: título principal, sección, subtítulo, párrafo, etiqueta y nota. Explica qué significa cada uno y cuándo se utiliza. No asignes una jerarquía únicamente según cuánto espacio quieres llenar. En un programa de formación, el nombre del módulo y una condición de inscripción cumplen funciones distintas aunque ambos sean breves. La identidad debe permitir reconocer esas diferencias. Empieza con los estilos necesarios y añade otros solo si existe un uso recurrente. Demasiadas variantes pueden hacer que la guía sea difícil de aplicar y que cada decisión vuelva a depender del gusto individual.
Combinar tamaño, peso y espacio
La jerarquía no depende solo de agrandar letras. Peso, separación y relación con el contenido cercano también comunican prioridad. web.dev explica que la tipografía requiere considerar longitud de línea y espaciado además de la familia elegida. Una nota más pequeña todavía necesita ser legible; no la conviertas en información casi invisible para que el diseño parezca limpio. Prueba estilos con textos largos y cortos. Si un título solo funciona cuando tiene dos palabras, el sistema no representa el contenido real. Ajusta reglas para permitir variación sin que cada página necesite una excepción manual.
Distinguir estructura y apariencia
En la web, los niveles de encabezado representan relaciones del contenido y no deberían utilizarse únicamente para conseguir un tamaño. Puedes diseñar estilos visuales coherentes y mantener una estructura semántica apropiada. WAI explica la organización lógica de encabezados. Incluye esa distinción en la guía para editores: elegir un título de sección no equivale a elegir la letra que más gusta. En documentos y presentaciones también conviene utilizar estilos nombrados cuando la herramienta lo permita. El objetivo es que la apariencia y la organización se apoyen mutuamente, en lugar de mantener una composición bonita construida con formatos sueltos difíciles de actualizar.
Probar el sistema con una pieza no prevista
Pide al equipo preparar un programa nuevo utilizando la guía, sin modificar la plantilla original ni recibir instrucciones adicionales. Observa dónde faltan reglas o sobran opciones. Revisa lectura en pantalla pequeña y en el formato de distribución habitual. Si aparecen demasiadas excepciones, puede que las funciones estén mal definidas o que la muestra inicial fuera demasiado limitada. Conserva ejemplos de aplicación y errores comunes, explicando el motivo. Una jerarquía útil facilita producir contenido distinto con una identidad reconocible; no obliga a que todos los materiales tengan la misma composición ni a sacrificar información para encajar en una maqueta rígida.
DE LA LECTURA A LA ACCIÓN
Para aplicar hoy
- Cada estilo debe corresponder a una función de contenido.
- Utiliza tamaño, peso y espacio sin reducir legibilidad.
- Prueba la guía con una pieza nueva creada por otra persona.
Fuentes y referencias
Documentación para profundizar. Los ejemplos de esta guía son didácticos.