<CSSForge/>

Typography Scale Generator

Generate a harmonious type scale based on musical ratios.

h63.052remThe quick brown fox jumps over the lazy dog
h52.441remThe quick brown fox jumps over the lazy dog
h41.953remThe quick brown fox jumps over the lazy dog
h31.563remThe quick brown fox jumps over the lazy dog
h21.25remThe quick brown fox jumps over the lazy dog
h11remThe quick brown fox jumps over the lazy dog
base1remThe quick brown fox jumps over the lazy dog
:root {
  --fs-base: 1rem;
  --fs-6: 3.052rem;
  --fs-5: 2.441rem;
  --fs-4: 1.953rem;
  --fs-3: 1.563rem;
  --fs-2: 1.25rem;
  --fs-1: 1rem;
}
Base Size16px
Scale Ratio
Steps6
Unit