1001Ferramentas
📐 Dev

Escala Tipográfica

Gera uma escala tipográfica harmônica baseada em razão (1.125, 1.25, 1.333, 1.5, 1.618). Saída em rem, px e CSS clamp.

Passo rem px Uso típico

Como funciona uma escala tipográfica?

Uma escala tipográfica harmônica multiplica o tamanho base por uma razão constante a cada passo. Isso cria proporções visuais agradáveis e consistentes entre títulos, subtítulos e corpo de texto.

A razão golden (1.618) é a mais marcante; major third (1.25) é equilibrada e funciona bem em interfaces. O resultado pode ser usado direto em CSS via custom properties ou copiado para um sistema de design.

Cálculo 100% local.

Ferramentas Relacionadas