Calculadora de Escala Tipografica Modular
Gere uma escala tipografica modular a partir de um tamanho base, uma razao e o numero de passos — a base de qualquer conjunto de tokens tipograficos de sistema de design.
Como Usar a Calculadora de Escala Tipografica Modular
- Insira o tamanho da fonte base em px.
- Escolha uma razao modular.
- Defina o passo maximo a ser gerado.
- Clique em Calcular para ver a lista separada por virgulas.
Casos de Uso
- •Criacao de tokens tipograficos.
- •Elaboracao de guias de estilo de marca.
- •Recriacao de estilos de texto do Figma em codigo.
Fórmula
tamanho(passo) = base x razao^passo. O passo 0 retorna o tamanho base; passos maiores crescem exponencialmente.
Perguntas Frequentes
Qual razao devo usar?
Razoes mais fechadas (1,125, 1,200) criam hierarquia sutil, adequada para interfaces densas. Razoes mais amplas (1,414, 1,500) geram contraste editorial marcante. 1,250 e um padrao seguro para a web.
Devo arredondar para pixels inteiros?
Escalas baseadas em rem podem manter valores fracionarios; tokens em px geralmente sao arredondados para 0,5 px ou pixels inteiros para maior fidelidade de renderizacao.
Isso e o mesmo que a escala do Tailwind?
Nao — o Tailwind usa paradas ajustadas manualmente em vez de uma escala puramente modular. Use esta calculadora para gerar uma escala alternativa quando precisar de uma marca personalizada.