Learning on Web Dev Open is free for all.

Design Craft > Type carries itA scale, not a list
Phase 02Type carries it89 of 434

A scale, not a list

Pick a ratio, generate six steps, and refuse to use any size that is not on it. The refusal is the technique.

Build28 minAI implements

Build this in your own editor

This one runs on your machine rather than in the browser workbench. Work to the outcomes below, then come back and mark it complete.

You should now be able to

  • Generate a modular scale from a base and a ratio
  • Choose a ratio suited to the density of your interface
  • Replace every ad-hoc size in a page with a scale step
Ask the community

Loading…