Thunder Tools

Generador de escala tipográfica

Elige un tamaño de fuente base y una proporción de escala modular (como la proporción áurea o una tercera mayor), y esta herramienta genera un conjunto completo de tamaños proporcionales — desde pequeños pies de foto hasta grandes titulares — para que tus tamaños de texto se sientan coherentes en lugar de elegidos al azar. Copia el resultado como un bloque de propiedades personalizadas CSS listo para usar.

Tamaño de fuente base (px)
Proporción de escala
Texto de muestra Paso -2 · 10.24px
Texto de muestra Paso -1 · 12.8px
Texto de muestra Paso 0 · 16px
Texto de muestra Paso 1 · 20px
Texto de muestra Paso 2 · 25px
Texto de muestra Paso 3 · 31.25px
Texto de muestra Paso 4 · 39.06px
Texto de muestra Paso 5 · 48.83px
--step--2: 10.24px;
--step--1: 12.8px;
--step-0: 16px;
--step-1: 20px;
--step-2: 25px;
--step-3: 31.25px;
--step-4: 39.06px;
--step-5: 48.83px;

Cómo funciona

Una escala modular multiplica tu tamaño de fuente base por una proporción fija, paso a paso, en ambas direcciones: los pasos negativos se reducen hacia pies de foto y letra pequeña, los pasos positivos crecen hacia titulares y texto de gran formato. El resultado es un conjunto de tamaños que comparten la misma relación proporcional, lo que suele verse más intencionado que tamaños elegidos al azar.

Cómo elegir una proporción

Las proporciones más pequeñas, como la segunda menor o la segunda mayor, producen tamaños sutiles y muy próximos entre sí, ideales para interfaces densas; las proporciones mayores, como la cuarta justa o la proporción áurea, generan un contraste más marcado, perfecto para páginas editoriales o de marketing con pocos titulares llamativos.

Más herramientas en esta categoría

Más categorías

Thunder Tools es una pequeña colección de herramientas y calculadoras para el navegador, pensada para ser rápida, gratuita y sin complicaciones.

© 2026 Thunder Tools by Muted Thunder · Todos los derechos reservados.