A Major Third (1.25) scale works well for most websites — it provides clear hierarchy senza extreme size jumps.

Usa rem units for accessible typography — they respect the user's browser font size settings?

Usa rem units for accessible typography — they respect the user's browser font size settings.

La sezione aurea (1.618) crea differenze di dimensione drammatiche — ideale per layout editoriali o artistici.

Generatore scala tipografica

Genera scale tipografiche armoniose per il web design

Genera a typographic scale with mathematical ratios, preview fonts live, and export CSS, SCSS, or Tailwind config — all nel tuo browser.

1Imposta a base font size (e.g., 16px) and choose a scale ratio (Minor Third, Major Third, Perfect Fourth, Golden Ratio, etc.).
2Seleziona the unit (px, rem, em) and toggle value rounding.
3Scegli a font family and weight to preview the scale.
4Esamina the visual scale showing each step with its computed size.
5Esporta as CSS custom properties, SCSS variables, or Tailwind config.

A Major Third (1.25) scale works well for most websites — it provides clear hierarchy senza extreme size jumps.
Usa rem units for accessible typography — they respect the user's browser font size settings.
La sezione aurea (1.618) crea differenze di dimensione drammatiche — ideale per layout editoriali o artistici.

Team OneKitToolsAggiornato 2.21.4