learn.
ReferenceToolTypography

Type Scale

Jeremy Church

beginnerFree15 minType Scale
Visit original resource(opens in a new tab)Opens type-scale.com

It makes the abstract idea of a modular scale concrete: pick a ratio and see the whole type hierarchy at once, with the CSS to match. Use it to set a deliberate scale instead of arbitrary font sizes. A small tool that quietly improves every layout's typography.

What you will learn

  • Building a modular type scale
  • Choosing a type ratio deliberately

How to study it

  1. Interactive resources are already retrieval-shaped: you do, then get feedback. Lean into that.
  2. Add spacing by returning across several days rather than finishing in one sitting.
  3. Once the basics are solid, interleave related-but-confusable problem types to sharpen discrimination.