Type Scale
Build a consistent set of type sizes and see them with your own words.
each step grows by
1.25×
10.24px · step-2
Good things, clearly said.
12.8px · step-1
Good things, clearly said.
16px · step0
Good things, clearly said.
20px · step1
Good things, clearly said.
25px · step2
Good things, clearly said.
31.25px · step3
Good things, clearly said.
39.06px · step4
Good things, clearly said.
48.83px · step5
Good things, clearly said.
61.04px · step6
Good things, clearly said.
Numeric sizes are exact calculations rounded to2 decimals. Preview text is capped at 64px to fit the widget.