Design for Developers
summary
Claims that developers can do practical UI work using four concrete rules: Hierarchy, Contrast, Proximity, Balance. Recommends specific tools and numbers: pair two fonts only, body text ≥16px, use Font Pair and Type Scale for ratios, build palettes with Adobe Colors and check WCAG via WebAIM. Advises a 12‑column grid and Atomic Design (atoms→molecules→organisms). Shows before/after fixes—larger price, filled primary button vs outline secondary, clearer radio blocks, cropped/extended hero image—demonstrably more readable and usable.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 1:50Speaker background
- 3:16Four design principles
- 8:50Typography tips
- 17:28Text sizing best practices
- 21:40Paragraph spacing
- 23:27Accessible color palettes
- 34:07Iconography
- 36:58Ethical imagery
- 42:12Layout with grids
- 45:02Atomic design
- 51:00Improving designs
- 1:00:20Final example
