What it does
Refactoring UI is an interface-design learning resource by Adam Wathan and Steve Schoger. Its material includes a book, screencasts and visual resources focused on practical web-interface decisions.
One public example in Refactoring UI examines excessive borders. Instead of adding another dividing line, a designer can consider spacing, background contrast or a shadow where those alternatives communicate the relationship more clearly.
Essentials costs US$99 plus local taxes for the PDF book and three MP4 tutorials. Complete costs US$149 plus taxes, adding a PDF component gallery, palettes and font suggestions, plus SVG icons. Downloads have no copy-protection restrictions.
The gallery includes no CSS. Icons can be used in projects, including open-source work, but cannot be redistributed as an icon pack.
Two chapters are free to preview. Team licences are available. Contact the authors to upgrade a package or request a refund within 60 days.
Strengths
- Concrete examples explain visual decisions without requiring an abstract art vocabulary.
- The material connects hierarchy, spacing, type and color choices.
Watch out for
- Component-gallery files do not include CSS.
Best for
- Developers improving the visual clarity of their interfaces
Sources
- Refactoring UI (Oct 27, 2026)