Article · 5 min read

Butterick's Practical Typography: Summary of Key Rules

Matthew Butterick · practicaltypography.com Free Beginner

Bad type is one of the loudest template tells, and this one page fixes most of it. Butterick gives you exact numbers for body size, line spacing, and line length, plus the small tells (curly quotes, one space after a period) that separate careful work from a wizard fill, in. Set these once in your no, code theme and every screen improves.

  • Body text wants 15 to 25px, line spacing 120 to 145 percent, and 45 to 90 characters per line
  • A professional font beats a system default like Arial or Times
  • Curly quotes and single spacing are cheap, high, signal polish
Open on practicaltypography.com ↗

The question it answers

  1. How do I make a no-code app feel polished and trustworthy instead of looking like an obvious template?

Read with it

  1. Design tactics written specifically for developers and non-designers who need to ship good-looking UI without a design... refactoringui.com Book · ~250 pages Refactoring UI Adam Wathan & Steve Schoger
  2. The most accessible, practical intro to usability ever written, you can read it in a weekend and immediately fix your product.... sensible.com Book · ~200 pages Don't Make Me Think, Revisited Steve Krug
  3. Typography is the fastest way to stop looking like a template, because every no-code builder ships one default font that... fontpair.co Tool Fontpair fontpair.co
  4. Coolors is the fastest way to lock a brand palette and walk away with the exact hex codes your site, deck, and designer all... Coolors Tool · Web tool, minutes to build a palette Coolors: The Super Fast Color Palette Generator Fabrizio Bianchi
  5. This is the reference everyone quietly copies when they first try to write down their brand voice, and it is public, free, and... Mailchimp Content Style Guide Article Voice and Tone, Mailchimp Content Style Guide Mailchimp
  6. A free, fast preview of the Refactoring UI mindset that you can apply this afternoon. It gives you seven fixes (use more white... Refactoring UI (Medium) Article · 10 min read 7 Practical Tips for Cheating at Design Adam Wathan and Steve Schoger
eChai Partner Brands The partnership →