Calculadora de Relacao Modular Scale Tipografia

Escala modular tipográfica

Uma escala modular é uma sequência de tamanhos de fonte em que cada passo multiplica o anterior por uma razão fixa: tamanhoₙ = base × razãoⁿ. Com base 16px e razão 1,25 obtém-se 16, 20, 25, 31,25, 39,0625… resultando em harmonia visual análoga aos intervalos musicais, ideia popularizada por Robert Bringhurst em The Elements of Typographic Style e levada à web pelas ferramentas do Type Network de Tim Brown.

As razões mais comuns são Minor Third 1,2, Major Third 1,25, Perfect Fourth 1,333, Augmented Fourth 1,414, Perfect Fifth 1,5 e a Razão Áurea φ = 1,618. Ferramentas como Type Scale (type-scale.com), Modularscale.com e Utopia trazem esses presets para você testar antes de fechar a escala.

Aplicações

Use razões apertadas (1,2–1,25) em interfaces densas com muitos níveis de título e razões largas (1,414–1,618) em landing pages onde a manchete precisa dominar o hero. A mesma escala pode reger espaçamento, line-height e tamanhos de componente, garantindo ritmo coerente no design system inteiro.

FAQ

Qual razão escolher? Para dashboards SaaS, 1,2–1,25 mantém a hierarquia compacta; para conteúdo editorial ou landing pages, 1,333–1,5 dá respiro às manchetes. Teste no contexto antes de fechar.

Quantos passos preciso? Em geral 6–8 passos cobrem h1…h6, body e small. Gere dois ou três passos abaixo da base para legendas e textos legais.

Por que φ é popular? A razão áurea (1,618) produz contraste dramático entre tamanhos, ideal para design editorial mas exagerada em UI; muitos designers preferem Perfect Fourth (1,333) como meio-termo.