Gerador de Escala Tipográfica
Configurações
px
Preview da Escala
CSS Gerado
/* Aguardando geração... */
Comparação de Ratios
Compare 4 escalas populares side-by-side com seu tamanho base atual.
O que é Escala Tipográfica Modular?
Uma escala tipográfica modular é uma sequência de tamanhos de fonte gerados por uma progressão geométrica. Ao multiplicar ou dividir um tamanho base por um ratio constante, você obtém uma hierarquia visual harmoniosa e matematicamente consistente.
Perfect Fourth (1.333)
Ratio clássico da quarta justa musical. Ideal para interfaces web com contraste moderado entre tamanhos.
Golden Ratio (1.618)
Proporção áurea encontrada na natureza. Cria escalas dramáticas, ideal para landing pages e tipografia editorial.
Major Second (1.125)
Progressão sutil, ótima para interfaces densas com muitos níveis hierárquicos e pouco espaço visual.
Major Third (1.25)
Equilíbrio entre sutileza e contraste. Muito usado em sistemas de design como Tailwind CSS e Material.