OneKitTools logoOneKitTools

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

  1. 1Set a base fonte tamanho (e.g., 16px) and escolha um escala proporção (Minor Third, Major Third, Perfect Fourth, Golden Proporção, etc.).
  2. 2Select the unit (px, rem, em) and alternar valor rounding.
  3. 3Escolha um fonte family and weight to pré-visualização the scale.
  4. 4Review the visual scale showing cada step com its computed tamanho.
  5. 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