Gerador de escala tipográfica
Escolha um tamanho de fonte base e uma proporção de escala modular (como a proporção áurea ou uma terça maior), e esta ferramenta gera um conjunto completo de tamanhos proporcionais — de pequenas legendas a grandes títulos — para que os tamanhos de texto pareçam coerentes em vez de escolhidos ao acaso. Copie o resultado como um bloco de propriedades personalizadas CSS pronto para usar.
--step--2: 10.24px;
--step--1: 12.8px;
--step-0: 16px;
--step-1: 20px;
--step-2: 25px;
--step-3: 31.25px;
--step-4: 39.06px;
--step-5: 48.83px;Como funciona
Uma escala modular multiplica o tamanho de fonte base por uma proporção fixa, passo a passo, nas duas direções — passos negativos encolhem em direção a legendas e texto miúdo, passos positivos crescem em direção a títulos e texto de destaque. O resultado é um conjunto de tamanhos que compartilham a mesma relação proporcional, o que costuma parecer mais intencional do que tamanhos escolhidos ao acaso.
Como escolher uma proporção
Proporções menores, como segunda menor ou segunda maior, produzem tamanhos sutis e próximos entre si, ideais para interfaces densas; proporções maiores, como quarta justa ou proporção áurea, criam um contraste mais marcante, ótimo para páginas editoriais ou de marketing com poucos títulos fortes.
Mais ferramentas nesta categoria
Calculadora de exposição
Encontre exposições fotográficas equivalentes entre abertura, velocidade do obturador e ISO.
Calculadora de proporção
Redimensione uma imagem ou vídeo proporcionalmente e encontre a proporção simplificada.
Gerador de gradiente CSS
Crie um gradiente CSS linear ou radial e copie o código gerado.
Verificador de contraste
Verifique se uma cor de primeiro plano e de fundo atendem às diretrizes de contraste WCAG.
Gerador de paleta de cores
Transforme qualquer cor base em paletas complementares, análogas e em tríade.
Conversor de formato de cor
Converta qualquer cor entre HEX, RGB, HSL e CMYK instantaneamente, com cópia em um clique para cada formato.