Document
An inquiry into the web document. What's left when everything accumulated is taken away. What can be derived honestly from what a page already is.
This page is the artifact. The CSS it runs on is its residue.
Authorial elements
Body text sits at a comfortable measure — roughly 62 characters wide. Long enough to read, short enough to hold. The typeface is whatever the system offers in serif. No external requests, no choices imposed.
Negative space is structural. Whitespace earns its place by separating what needs separating, and nothing more.
Headings compress toward the body. Hierarchy is carried by position and spacing, not weight or size. A second level exists only to orient — small, muted, tracking wide.
The document speaks
Lists are plain. Rules are thin. The code element holds its own, marked only by a quiet border. Links inherit the text color — part of the document, not departures from it.
- Structure from content, not convention
- Spacing as the primary design variable
- Typography as the whole argument
The glitch, when it comes, comes from outside the system. The system remains.
Axioms
A small set of commitments. Not rules — conclusions arrived at.
The document precedes the design. A page has structure, hierarchy, and meaning before it is styled. The work is to read what's there, not impose what isn't.
Removing is harder than adding. Every element earns its place or leaves. The discipline is in the subtraction.
The system should be legible to the person reading the page and the person reading the source. Both are visitors. Neither is an afterthought.
What an element is matters more than what it looks like. A heading is a heading because of its place in the structure, not its size. Style follows from meaning, never the reverse.
Nothing here is decorative. The single moment that looks like decoration — the break in the signal — is the system showing its own mechanics. Honest, not ornamental.
Reading
The thinking behind this didn't begin with this page. It accumulated.
On the document as the web's first unit — the link, the relationship, the structure. Nearer in spirit are the people who argued a page deserved to be read carefully — Zeldman, A List Apart, CSS Zen Garden — and Dutch graphic design, where the system points at itself.
On an inheritance that runs the other way. The discipline of reduction comes from the modernists, where less was a position, not an absence. But they reduced to compose; this reduces to listen. Once the essence settles, the document directs.
On glitch as legible failure — the brief moment the system breaks and shows itself. Rosa Menkman, Glitch Studies Manifesto (2009).
css-profile — the sibling question. Where this asks what a page is, it asks what its identity is: how it comes to present itself.
a pleasant view — a practice that has lived it before arguing for it. Local, simple, dependable. The site is the thing, not a demo of it.
Colophon
Set in the system serif. Nothing fetched from anywhere.
Built with vanilla CSS and custom properties. No framework, no build step.
Classless CSS libraries already do something well: pages that look considered without effort. This isn't that. It starts from what a page is and lets the look fall out. The overlap is the surface.
With thanks to Tim Berners-Lee, Håkon Wium Lie and Bert Bos, John Allsopp, John Perry Barlow, Frank Chimero, Robin Rendle, and Olia Lialina — for the work this rests on. And just as much to everyone else named on the page.