Gerador de Escala Tipográfica
Gerar uma escala tipográfica com proporções, pré-visualizar fontes ao vivo e exportar CSS/Tailwind
Sobre Gerador de Escala Tipográfica
Gere um typographic scale com mathematical ratios, pré-visualização fontees live, and export CSS, SCSS, or Tailwind config — all no seu navegador.
Como usar Gerador de Escala Tipográfica
- 1Set a base fonte tamanho (e.g., 16px) and escolha um escala proporção (Minor Third, Major Third, Perfect Fourth, Golden Proporção, etc.).
- 2Select the unit (px, rem, em) and alternar valor rounding.
- 3Escolha um fonte family and weight to pré-visualização the scale.
- 4Review the visual scale showing cada step com its computed tamanho.
- 5Exportar as CSS personalizado properties, SCSS variables, or Tailwind config.
Dicas
- A Major Third (1.25) escala works well for most websites — it provides limpar hierarchy sem extreme tamanho jumps.
- Use rem unidades for accessible typography — they respect a usuário's navegador fonte tamanho configurações.
- The Golden Ratio (1.618) cria dramatic tamanho differences — best for editorial or artistic layouts.
Ferramentas relacionadas
Equipe OneKitToolsAtualizado 2.21.4