¿Cuántos tamaños de fuente necesita un sistema de diseño?

Un sistema de diseño necesita un tamaño de fuente por cada rol tipográfico — leyenda, variantes de texto de cuerpo, niveles de encabezado, display — y definir primero los roles suele situar la cuenta entre nueve y doce tamaños con nombre. El número es un resultado, no un objetivo: cuando un sistema sigue añadiendo tamaños sin añadir roles, la jerarquía no está creciendo, está derivando.

Este artículo recorre el inventario de roles, muestra un conjunto de once niveles sobre una escala real y traza la línea entre una adición justificada y la deriva. La mecánica de escala que hay detrás se cubre en nuestra guía de escala tipográfica.

¿Por qué contar roles en lugar de tamaños?

Un tamaño no significa nada por sí solo: es la respuesta a un trabajo. Los trabajos son notablemente estables entre productos: algo pequeño y discreto (leyendas, etiquetas), algo para lectura sostenida en dos o tres densidades (texto de cuerpo pequeño, mediano, grande), una serie de niveles de encabezado (normalmente cuatro) y algo enorme para aperturas (display). Cuéntalos y llegarás a nueve antes de tocar un solo valor en píxeles.

Los sistemas publicados tienden a confirmar el rango. La escala tipográfica de Material Design 3, por ejemplo, está organizada por completo como roles — display, headline, title, body, label — cada uno en tres tamaños. El vocabulario difiere entre sistemas; el movimiento subyacente es el mismo: nombra los trabajos, y luego asigna un tamaño a cada trabajo.

Por eso también «¿cuántos tamaños de fuente?» tiene una respuesta estable mientras que «¿qué tamaños?» no la tiene. Los valores en píxeles dependen de tu base y tu ratio; el conjunto de trabajos que realiza el texto apenas cambia de un producto a otro.

¿Qué aspecto tienen once niveles en una escala real?

Aquí tienes un conjunto de roles completo sobre una cuarta justa (1,333) con dos notas por intervalo y una base de 16px — la fórmula de escala modular size = base × ratio^(i/notes) genera cada valor:

Once roles, once tamaños, sin huérfanos: cada tamaño existe porque existe un trabajo, y cada trabajo tiene exactamente un tamaño.

Abre esta configuración de once niveles en Scale Composer para ver los mismos pasos representados como texto en vivo, de caption a display.

¿Cómo funciona una escala como presupuesto?

Sin una escala, añadir un tamaño es algo sin fricción e invisible: un valor de 17px entra por la hoja de estilos de un componente, nadie lo revisa como una decisión y, un año después, una auditoría encuentra 14, 15, 16, 17 y 18px haciendo todos el mismo trabajo. Con una escala, un nuevo tamaño tiene que caer sobre un paso existente — lo que plantea la pregunta visible ¿qué rol es este? — o quedarse fuera de la fórmula, lo que se detecta de inmediato. La escala convierte la deriva silenciosa en una decisión explícita. Esa es su función de presupuesto, y tiene poco que ver con la estética.

El motivo por el que el presupuesto puede mantenerse pequeño es perceptual. Un lector no mide el texto; lo compara. La jerarquía se sostiene sobre diferencias lo bastante grandes como para percibirse, y dos tamaños separados por un píxel o dos no se leen como dos niveles: se leen como una inconsistencia, o un error. Los tamaños extra que superan ese umbral no aportan poder expresivo; aportan ruido. Una docena de roles, más o menos, se aproxima a cuántas distinciones puede hacer una composición antes de que las distinciones dejen de percibirse.

¿Cuándo se justifica añadir un tamaño y cuándo no?

Añade un tamaño cuando aparece un nuevo rol. Un producto que desarrolla tablas densas en datos adquiere un trabajo nuevo y genuino: valores numéricos que deben seguir siendo legibles a alta densidad, situados entre caption y body-small. Ese rol se repite en cada pantalla de datos, merece un nombre y — en una escala con notas — a menudo encuentra un medio paso ya esperándolo.

No añadas un tamaño porque una pantalla «necesite» 17px. Esa petición es casi siempre un problema de maquetación disfrazado de tipografía: el hueco real es espaciado, peso o color, y el arreglo honesto es o bien usar esas herramientas, o bien doblegar la pantalla al sistema. La prueba es transferible: si puedes nombrar el rol y esperar que se repita entre pantallas, añádelo; si solo puedes nombrar la pantalla, no lo hagas.

¿Qué pasa cuando la escala puede generar más tamaños de los que necesitas?

Más de los que podrías esperar. Baja el ratio y sube las notas y la fórmula se vuelve generosa: un ratio de 1,125 con tres notas por intervalo separa los tamaños adyacentes en torno a un 4% — unos 37 pasos entre una caption de 12px y un display de 51px. Ningún conjunto de roles necesita 37 tamaños.

Esa generosidad no es un defecto de la escala; es un recordatorio de dónde vive la contención. La escala es un menú, no una lista de entrega — los roles con nombre eligen de ella, y la disciplina consiste en elegir no usar cada paso que puede producir.

Cuenta los pasos tú mismo

Ver el excedente hace que el argumento del presupuesto cale: abre una escala de ratio bajo y muchas notas en Scale Composer y cuenta los pasos entre el tamaño de caption y el tamaño de display. Luego elige los once que se ganarían un nombre en tu sistema — y fíjate en lo seguros que se sienten los otros veinte y pico rechazos una vez que los roles están escritos.