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.
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.
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.
The glitch, when it comes, comes from outside the system. The system remains.
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.
The thinking behind this didn't begin with this page. It accumulated.
a pleasant view — a practice that lives like this before it argues for it. Local, simple, dependable. The site is the thing, not a demo of it.
On glitch as legible failure — the system showing itself at the moment it breaks. Rosa Menkman, Glitch Studies Manifesto (2009).
On the document as the web's first unit — the link, the relationship, the structure.
Then the broader lineage — Swiss typography (the grid as honesty), early web standards (Zeldman, A List Apart, CSS Zen Garden), Dutch graphic design (Experimental Jetset — the wordmark in a code element, the system pointing at itself), the indie web (Laurel Schwulst, Are.na). The common thread is an attitude toward reduction, not a visual style.
Set in the system serif. Nothing fetched from anywhere.
Built with vanilla CSS and custom properties. No framework, no build step.
Classless CSS libraries — pico.css and others — 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.
Open the source.
Document · a pleasant view · 2026 · CC BY 4.0
Every element the document knows about, rendered in place. The system, describing itself.
h1 — The document's single title. Large, light weight,
tight leading. Letter-spacing pulled in.
h2 — Section orientation only. Small, uppercase, wide
tracking, muted. Never structural weight — positional.
p — The primary voice. Set at a comfortable measure,
generous leading. System serif, no external requests.
The document has no chrome. What remains when everything accumulated is stripped away is this — text, space, and a thin rule or two.
em — Italic stress. For titles, foreign words, a gentle
lean into meaning. The serif italic does the work.
A document is not a design system. It is a position.
strong — Used sparingly. Weight without shouting. The
serif carries it.
Spacing is the primary design variable. Everything else follows.
a — Inherits the text color. No default underline; a
quiet border sits below instead, deepening on hover. Accessible, and
of-a-piece.
The flow utility was first described by Andy Bell. The document owes him a rule or two.
blockquote — A single left rule, italic, muted. A
moment apart from the prose. Padding top and bottom to give the rule
something to span.
Negative space is structural. Whitespace earns its place by separating what needs separating, and nothing more.
ul, ol — Plain, no custom markers.
Indented to the column. Items given a little room beneath.
code — Inline only. Marked by a quiet border and a
whisper of background. Monospace, slightly smaller than body. Sits
within prose without interrupting it.
The document runs on custom properties. Everything adjustable from one place.
hr — A 1px rule in the muted tone. Divides sections
without decorating them. Rhythm set to match the section spacing.
.doc-label — Monospace, uppercase, wide tracking,
muted. Used for metadata at the document's close. The smallest
element in the system.