Debugging Design: 5 simple design principles to make your UI "not look terrible".
summary
Claims five concrete debugging moves and applies them to a real developer site, producing a working before-and-after. Steps show how to pick color from dribbble.com/colors, grab hex with a Chrome eyedropper, generate tints with paletteon.com, choose Google Fonts and pairings, and size type with type-scale.com and a modular scale; spacing uses a 20px base. The result is a rebuilt layout, clearer hierarchy, and a polished call-to-action that actually reads and clicks.
AI-written summary · about
chapters (9)
- 0:00Intro
- 0:42Debugging Design
- 5:27Choosing a colour
- 10:23Choosing a typeface
- 14:35Navigation
- 19:28Layout
- 21:07Modular Scale
- 24:33Spacing
- 27:52Styling
