What it argues
Refactoring UI is a self-published book by Adam Wathan and Steve Schoger, both of whom built their audiences through Twitter by posting before-and-after UI redesigns. The book compresses those redesigns into a dense, visually driven manual for making interfaces look professional without a formal design background. It is aimed primarily at developers who build their own interfaces and want practical guidance on the decisions that separate polished from amateur.
The book is organized around decisions rather than principles. Rather than explaining design theory, it demonstrates specific choices: how much whitespace to add, when to use font weight versus font size to establish hierarchy, why bright colors work best as accents rather than backgrounds, how to test whether a shadow is doing any work. Each section shows a before version — something that looks like it came from a developer with no design training — and an after version that addresses one or two specific problems. The approach is deliberately practical; Wathan and Schoger have little interest in abstraction.
What it gets right
- 1.
Most interface problems are hierarchy problems. When nothing has priority, nothing is readable. The fix is usually to reduce secondary elements rather than amplify the primary one.
- 2.
Start with too much whitespace and remove it. Interfaces that look cramped almost always have too little space; adding white space is cheaper and cleaner than any decorative fix.
- 3.
Don't rely on font size alone to create hierarchy. Varying font weight, color opacity, and letter spacing communicates importance more subtly and more flexibly.
What it covers
Who wrote it
Adam Wathan is a developer and entrepreneur best known as the creator of Tailwind CSS, a utility-first CSS framework that became one of the most widely used front-end tools in web development. Steve Schoger is a designer and illustrator who built a large following on Twitter through his posted UI redesigns. The two collaborated on Refactoring UI after independently building audiences interested in practical design for developers. Wathan has since cofounded Tailwind Labs, which develops Tailwind CSS and related products.
