Pular para o conteúdo

Escala Tipográfica

Gere uma escala tipográfica profissional a partir do tamanho base e proporção desejada. Exporte em CSS, SCSS ou JSON.

Sem cadastro 100% gratuito Privado
px

O tamanho base da fonte em pixels

Nível que corresponde ao tamanho base

Escala Tipográfica ratio: 1.250
Nome px Pré-visualização

Esta ferramenta foi útil?

Escala Tipográfica — Crie Hierarquias Visuais com Razões Modulares

A Escala Tipográfica gera hierarquias de tamanhos de fonte baseadas em razões modulares clássicas como terça menor (1.2), quarta perfeita (1.333), razão áurea (1.618) e muitas outras. Defina o tamanho base em pixels e obtenha instantaneamente uma escala harmoniosa pronta para uso em projetos web e editorial.

A ferramenta calcula cada nível da escala multiplicando o tamanho anterior pela razão escolhida, produzindo progressões matematicamente consistentes. Gera automaticamente propriedades CSS customizáveis com variáveis (custom properties), permitindo copiar e colar diretamente no seu stylesheet. Visualize cada nível com preview tipográfico em tempo real.

Designers de UI/UX, desenvolvedores front-end e diretores de arte utilizam escalas tipográficas para garantir consistência visual em design systems, websites responsivos, aplicativos móveis e publicações impressas. A escala modular elimina a escolha arbitrária de tamanhos e cria ritmo visual coerente.

A Escala Tipográfica faz parte da suíte de ferramentas gratuitas do facilita.tools. Disponível em português, inglês e espanhol, otimizado para navegadores desktop e mobile.

Perguntas Frequentes

O que é uma escala tipográfica modular?
É uma sequência de tamanhos de fonte onde cada nível é obtido multiplicando o anterior por uma razão fixa (ex: 1.25). Isso cria uma hierarquia visual harmoniosa e matematicamente consistente para títulos, subtítulos e corpo de texto.
Qual razão modular devo escolher para meu projeto?
Para interfaces web, a terça maior (1.25) ou quarta perfeita (1.333) oferecem contraste sutil e elegante. Para designs mais dramáticos ou editoriais, a razão áurea (1.618) cria hierarquias mais expressivas.
Posso exportar a escala como CSS?
Sim. A ferramenta gera propriedades CSS com variáveis custom properties prontas para copiar e colar no seu projeto. Basta clicar no botão de copiar código CSS.