llms.txt: structured index of this documentation for AI agents. Append .md to any page URL, or send Accept: text/markdown, for a Markdown version of any page.
Skip to content
Sign in

Module 9 of 10 · 6 lessons

Rebuild real screens

Put every domain to work on real screens, then prove it on your own product.

Essential question

How do you turn a vague sense that something is off into a prioritised repair?

Prerequisites

Make text feel right, Make words earn their place, Make space and colour feel chosen, Decide what it does, Make every interaction feel considered, Use motion to explain change, Keep your taste with AI

By the end, you can

  • Repair real screens by working across design seams
  • Audit an interface one lens at a time and prioritise findings by cost
  • Write, implement, and verify an evidence-backed repair

0 of 6 lessons complete

1

Repair across design seams

Fix one domain by acting in another: three worked repairs at the seams

2

Rebuild a hero section

Improve a hero's message, typography, layout, and restraint

3

Rebuild a feedback popover

Shape a feedback popover with clear motion, focus, and recovery

4

Rebuild a pricing page

Clarify pricing tiers, comparison, billing controls, and calls to action

5

Rebuild a settings page

Make settings trustworthy with clear states and safe destructive actions

6

Audit and improve your own product

Audit every design lens, prioritise the failures, repair the costliest one, and verify the result