No. 01 April 2026

The craft of making things feel right

01

Type is interface

Typography

Typography is not about choosing a font. It's about building a system of relationships — between letters, between words, between lines, between the text and the space it occupies.

The best interfaces use type as their primary material. Not illustrations, not icons, not gradients — type. A well-set heading at the right size, weight, and spacing communicates hierarchy faster than any visual decoration.

Consider three levels of scale: the label (tiny, uppercase, monospaced), the heading (large, bold, tight tracking), and the body (comfortable, readable, generous line-height). These three relationships — applied consistently — can structure an entire interface without a single border or divider.

The sites that get this right share a pattern: they treat typography decisions with the same rigor as engineering decisions. Font pairing isn't aesthetic preference — it's a system design choice. Line-height isn't a CSS property — it's the rhythm of the page.

Space Grotesk / 700 Hamburgevons
Space Mono / 400 0123456789
Newsreader / 400 Italic The quick brown fox
02

The color question

Palette

Most design systems start with color. This one didn't. Color was the last decision — after type, after spacing, after layout structure. That ordering matters.

When color comes first, it becomes the crutch. Need to separate sections? Add a colored background. Need hierarchy? Make it a different color. The result is a rainbow of competing signals where everything shouts and nothing guides.

When color comes last, it becomes punctuation. A single accent used like an em dash — sparingly, for emphasis, never for decoration. The palette below uses four colors. Three are neutral. One is intentional.

Paper #FAFAF7
Background, breathing room
Ink #1A1A1A
Text, structure
Dust #7A6E5E
Secondary text, metadata
Ember #D4580A
The one intentional color
03

Lessons from the best

Research
Klim Type Foundry

Reduction as identity

Two words in the nav. One typeface specimen filling the viewport. No tagline, no mission statement, no "learn more." The restraint IS the brand. Most sites add elements to create identity — Klim removes them.

Craig Mod

Space as material

140 pixels of padding above the content. On most sites that's waste. On Craig's, it's the exhale before you start reading. The whitespace establishes tempo — this is not content to skim, it's content to settle into.

The Pudding

Data as narrative

Every piece has a number (#216, March 2026) — an issue, a sequence, a sense of accumulation. The numbering says "we've been doing this for a while." It turns a blog into a publication. Structure creates authority.

Increment

Labels as architecture

ISSUE 19 / NOVEMBER 2021 / Planning. Three pieces of metadata in a structured block, not scattered across the page. The label system creates a consistent reading entry point — you always know where you are and when it was written.

Design is not how it looks.
Design is how it works
when nobody is watching.