Design & Typography

practicaltypography.com

The only typography book that will tell you, directly, to stop using two spaces after a period. Matthew Butterick's free online classic.

typewolf.com

A daily-updated showcase of real-world type in use. The best place to discover typefaces by seeing them deployed well.

fontsinuse.com

An archive of typography spotted everywhere from subway maps to album covers. Indexed by typeface, industry, and designer.

ilovetypography.com

A typography blog that treats the craft with the reverence it deserves. Specimens, histories, and field reports.

fonts.google.com

A surprisingly deep lesson series on type anatomy, pairing, and choosing. Free, well-illustrated, worth bookmarking.

type-scale.com

A visual tool for building a modular type scale. Paste the CSS into your stylesheet and your hierarchy is already consistent.

design-system.service.gov.uk

The quietest masterclass in design systems on the web. Every pattern is backed by evidence and built for real people under stress.

m3.material.io

Google's design language as a reference. Useful regardless of whether you ship Material. The tokens and motion sections are especially good.

alistapart.com

The longest-running magazine about web design standards. Dip into the archive for essays that shaped how we build the web.

nngroup.com

Research-backed usability writing from the team that wrote the book on heuristics. Dense, specific, actionable.

refactoringui.com

Adam Wathan and Steve Schoger's distilled playbook for making software look good. Color, spacing, hierarchy, done plainly.

sidebar.io

Five hand-picked design links a day. A reliable morning-coffee feed when you want curation, not a firehose.

siteinspire.com

A gallery of beautifully-designed websites, organized by subject and style. Good for breaking out of a visual rut.

mobbin.com

A searchable library of mobile UI patterns captured from real apps. Fastest way to answer "how does Notion handle X?"

99percentinvisible.org

Roman Mars's podcast about the design of everything. Listen to the water-tank episode; you'll think about your neighborhood differently.

coolors.co

Generate color palettes with a single spacebar press. Export, save, and steal inspiration from community palettes.

brutalistwebsites.com

A curated archive of intentionally raw, anti-aesthetic web design. An antidote when every site starts looking the same.

webdesignmuseum.org

Screenshots of websites from 1991 onward. The GeoCities-era entries are genuinely moving in a way you won't expect.

smashingmagazine.com

Long-form tutorials and case studies on design, accessibility, and front-end craft. A workhorse reference when you need depth.

klim.co.nz

Kris Sowersby's notes on making typefaces. Deep process writing from one of the best type designers working today.