Generador de Escala Tipográfica Genera una escala tipográfica modular con tamaño base, proporción y unidades personalizables.

Una escala tipográfica modular utiliza una razón matemática para generar una serie de valores proporcionales. A partir de un tamaño base (típicamente 16px para web), cada paso se calcula multiplicando por la razón. Para una escala de Tercera mayor (1,25) con tamaño base de 16px: 12,8px, 16px, 20px, 25px, 31,25px, 39,06px. La razón determina el contraste entre tamaños: las razones más pequeñas (1.067, 1.125) crean diferencias sutiles ideales para el texto del cuerpo, mientras que las razones más grandes (1,5, 1,618) crean diferencias dramáticas adecuadas para la tipografía de visualización. Las razones populares provienen de la teoría musical (Tercera menor, Cuarta perfecta, Quinta perfecta) y las matemáticas (Proporción áurea). Para la implementación web, defina los tamaños como propiedades personalizadas de CSS y úselas en toda la hoja de estilo. Las unidades rem son preferibles para la accesibilidad ya que respetan las preferencias de tamaño de fuente del usuario. La altura de línea debe disminuir generalmente a medida que aumenta el tamaño de fuente: 1,5 para el texto del cuerpo y 1,1-1,2 para los títulos grandes.