Learning on Web Dev Open is free for all.

Design Craft > Look at it properlyNaming what you see
Phase 02Look at it properly85 of 434

Naming what you see

Take one screenshot from your wall and write the specification that would reproduce it. Measurements, ratios, counts, no adjectives allowed.

Build25 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

  • Convert a visual impression into measurable constraints
  • Measure type scale and spacing from a screenshot
  • Write a spec a stranger could follow to the same result
Ask the community

Loading…