Gerador de escala tipográfica
Gere uma escala tipográfica modular a partir de um tamanho base e uma proporção, veja cada passo com seu próprio texto e copie os tamanhos como variáveis CSS em px ou rem.
Grátis · Sem envio · Tudo no seu dispositivo
Como usar Gerador de escala tipográfica
- Escolha as configurações no painel lateral.
- O resultado é atualizado na hora. Selecione “Atualizar” para um novo.
- Copie o resultado ou baixe-o.
Privado por design. Tudo o que você digita, abre ou grava é processado nesta aba do navegador e nunca é enviado ao KittySuite.
Sobre Gerador de escala tipográfica
Cada passo é o tamanho anterior multiplicado pela proporção. Proporções menores, como 1.2, servem para interfaces densas; maiores, como 1.5, para páginas editoriais com títulos grandes. Os nomes seguem o padrão xs a 9xl usado pelo Tailwind e por muitos design systems.
Tudo é calculado nesta aba do navegador e nada do que você digita é enviado. Continua funcionando offline depois que a página carrega.
Dúvidas antes de começar
Meu conteúdo sai do meu dispositivo?
Nenhum conteúdo de arquivo ou texto digitado é enviado para processamento. Este site baixa o próprio código e os próprios recursos quando necessário; a página de Privacidade explica as solicitações à hospedagem e o cache do navegador.
O que devo verificar antes de usar Gerador de escala tipográfica?
Tudo é calculado nesta aba do navegador e nada do que você digita é enviado. Continua funcionando offline depois que a página carrega.
E se o resultado não servir?
Mantenha seu original, volte às configurações e tente de novo. Um arquivo ilegível ou com estrutura não compatível pode precisar ser exportado de novo no aplicativo de origem.
Posso usar no celular?
Os controles se adaptam a telas menores, mas arquivos grandes podem exceder a memória do celular. Use um arquivo menor ou trabalhe em lotes se o processamento falhar.