Cuarta justa vs tercera mayor: cómo elegir el ratio de una escala tipográfica

El ratio de una escala tipográfica es el multiplicador constante que genera cada tamaño de fuente en una escala modular, y el ratio adecuado depende de la densidad del contenido: las interfaces con mucho texto se sirven mejor de ratios más pequeños como la tercera mayor (1,25), mientras que las páginas de contenido y de marketing pueden soportar los saltos mayores de una cuarta justa (1,333). Los dos son lo bastante parecidos como para confundirse y lo bastante distintos como para producir sistemas visiblemente diferentes en solo tres pasos.

Este artículo los compara con números reales y te da una prueba para elegir. Para la mecánica de la escala en sí, empieza por nuestra guía de escalas tipográficas.

¿Por qué los ratios de escala tipográfica llevan nombres de intervalos musicales?

Los nombres —segunda mayor, tercera mayor, cuarta justa— están tomados de los intervalos musicales, donde describen la relación de frecuencia entre dos notas: una quinta justa es una relación de frecuencia de 3:2, de ahí el 1,5. La tipografía tomó prestado el vocabulario, no la teoría. Una escala tipográfica no deriva de la armonía; los nombres de los intervalos son simplemente etiquetas memorables para números que, de otro modo, serían difíciles de distinguir:

La analogía resulta útil en un aspecto: los intervalos musicales se componen, y los ratios de una escala también. Dos cuartas justas apiladas son mucho más que el doble de una — que es exactamente la propiedad que la comparación de abajo hace visible.

¿Cuán diferentes son realmente 1,25 y 1,333?

Con una base de 16px, a lo largo de cinco niveles:

Divergen despacio, luego rápido. En el nivel 1 los dos son prácticamente intercambiables; para el nivel 4, uno es un h1 comedido y el otro es un titular hero. Esa composición acumulativa es el verdadero contenido de la decisión: elegir un ratio tiene menos que ver con el tamaño de tu próximo encabezado y más con dónde acaba la parte superior del sistema tras cuatro o cinco multiplicaciones.

Abre la tercera mayor en base 16 en Scale Composer, luego arrastra el ratio hasta 1,333 y observa cómo los niveles superiores se separan mientras los inferiores apenas se mueven.

¿Qué ratio conviene a cada tipo de producto?

El patrón detrás de los rangos: un ratio pequeño se lee como una sola voz hablando a distintos volúmenes, mientras que un ratio grande se lee como voces diferentes. Un dashboard necesita lo primero — muchos niveles que se mantienen claramente relacionados, para que la jerarquía nunca interrumpa el trabajo. Una landing page puede permitirse lo segundo, porque tiene pocos niveles y los quiere a todo volumen. Esa diferencia perceptual, más que cualquier fórmula, es lo que codifican los números:

• 1,125–1,2 (segunda mayor y cercanos): muchos tamaños utilizables muy juntos. Interfaces con muchos datos — tablas, dashboards, ajustes.
• 1,25 (tercera mayor): el caballo de batalla para interfaces de producto. Jerarquía clara, nada grita.
• 1,333 (cuarta justa): páginas de contenido, documentación, sitios de marketing — más aire entre niveles, pero sigue siendo disciplinada.
• 1,414–1,5 y superiores (cuarta aumentada, quinta justa): diseños expresivos con pocos niveles de jerarquía y texto corto.

¿Cómo cambian las notas la decisión?

La fórmula de escala modular de Scale Composer subdivide cada intervalo del ratio: size = base × ratio^(i/notes), donde las notas funcionan como las notas dentro de una octava musical. Esto cambia la comparación, porque la densidad ya no es la ventaja exclusiva del ratio más pequeño. Una cuarta justa con dos notas por intervalo produce 16, 18, 21, 25, 28 — casi tan fina cerca de los tamaños de cuerpo como una escala de segunda mayor — sin dejar de alcanzar 51px en cuatro intervalos completos.

Así, un ratio mayor con 2 notas puede superar a uno menor con 1: conservas los pasos superiores dramáticos y ganas los intermedios precisos. La comparación real es entre pares de ratio-y-notas, no entre ratios a secas — algo que conviene saber antes de concluir que 1,25 es tu única vía hacia un tamaño de 18px.

¿Cuál es la prueba práctica antes de decidirte?

Olvídate de la teoría y monta una confrontación: abre tu pantalla más densa y tu hero más grande lado a lado, y compón ambos con la escala candidata. La pantalla densa pregunta: ¿hay suficientes tamaños distintos pero relacionados para etiquetas, valores y encabezados de sección? El hero pregunta: ¿la parte superior de la escala sigue dominando la página? El ratio que sirve a ambos es el tuyo.

Cuando la prueba falla, suele fallar de una sola manera: la pantalla densa gana y el hero se desinfla. Antes de bajar a un ratio más pequeño, prueba a añadir una nota — resuelve el problema de densidad sin renunciar al techo.

Prueba el otro extremo del rango

La forma más rápida de calibrar tu propio gusto es sentir los extremos: abre la cuarta aumentada en base 16 — con 1,414 la escala más o menos se duplica cada dos pasos, quedando cerca de 32px en el paso 2 y de 64px en el paso 4. Compárala con la tabla de la tercera mayor de arriba, luego reduce el ratio hasta que tu pantalla más densa deje de quejarse. El valor en el que se estabiliza es tu respuesta.