TaskEaser
Back to Designers

Designers

Type Scale Generator

Modular typography scale from a base size and ratio

Runs locally in your browser

Parameters

Results

-2
10.24 px / 0.64 rem
-1
12.8 px / 0.8 rem
Base (0)
16 px / 1 rem
+1
20 px / 1.25 rem
+2
25 px / 1.563 rem
+3
31.25 px / 1.953 rem
+4
39.06 px / 2.441 rem
+5
48.83 px / 3.052 rem

How it works

Builds a modular type scale from a base size and musical-interval ratio.

Who it's for: Designers defining consistent heading and body sizes.

Each step multiplies the previous size by the chosen ratio.

Shows both px and rem (assuming 16px root).

How to use

  1. Set Base size and Scale ratio.
  2. Use step 0 as body; positive steps for headings.

Related tools

More calculators in the same category