Gerador de Escala Tipográfica Modular
Tipografia consistente é a base de um design profissional. O Gerador de Escala Tipográfica Modular cria automaticamente uma hierarquia visual de tamanhos de fonte usando proporções matemáticas clássicas — como a proporção áurea ou a quinta maior musical.
O que é uma escala modular
Uma escala modular usa uma razão constante para calcular cada tamanho de fonte a partir de uma base. Por exemplo, com base de 16px e razão 1.25 (quarta maior), os tamanhos seriam: 12.8, 16, 20, 25, 31.25, 39.06...
Proporções disponíveis
- Minor Third (1.200): Sutil, ideal para textos densos
- Major Third (1.250): Equilíbrio entre sutileza e hierarquia
- Perfect Fourth (1.333): Muito popular em design web
- Golden Ratio (1.618): Hierarquia dramática para sites de impacto
Como usar no projeto
Configure o tamanho base (geralmente 16px), escolha a proporção e a ferramenta gera as variáveis CSS prontas para usar. Integra facilmente com Tailwind CSS ou sistemas de design personalizados.
Acesse: Gerador de Escala Tipográfica
Perguntas Frequentes
Qual proporção usar para um blog?
Perfect Fourth (1.333) é uma ótima escolha para blogs — cria hierarquia clara sem tamanhos exagerados.
O código gerado usa rem ou px?
A ferramenta gera valores em rem, que é a melhor prática para acessibilidade e responsividade.
Posso usar a escala com variáveis CSS?
Sim, o output inclui variáveis CSS (--text-sm, --text-base, --text-lg etc.) prontas para usar.