Design system · v1.0 · Proof

Considered interfaces,
printed on the web.

Monograph is a paper-and-ink design system: hairlines instead of glows, one loud accent, hard offset shadows, and mono index numbers like an annual report. It is deliberately anti-template — remove the logo and it still reads as itself.

Read the manifesto   Correspondence   Anti-template

№ 01 Manifesto

Most of the web now looks like it was poured from the same mold: purple gradients, rounded cards, soft shadows, a centered hero with a blob illustration. Monograph refuses the mold. It borrows its rules from print — margins, folios, rules, and a single spot color — because print has spent five centuries learning how to make pages that hold attention.

— No gradients. Ever.
— No emoji icons. Typography and layout carry meaning.
— Body text never drops below 16px, even on mobile.
— Corners are tight: 6–12px radius, nothing pill-shaped by default.
— Every section is numbered like an annual report.

№ 02 Field notes
№ 01

Paper, not gray-on-white

Warm off-white #FAF7F0 replaces the sterile #FAFAFA every template ships. The page feels printed, not rendered.

№ 02

Hairlines over glows

Hierarchy is carried by 1px rules and numbering. No blurred shadows, no 0.5px glows, no glassmorphism.

№ 03

One loud accent

The signal color appears only on stamps, index numbers and tags. Restraint is what makes it loud.

№ 04

Printed depth

Shadows are solid 5px offsets in ink, like letterpress. Hover lifts the card; it does not blur.

№ 03 Correspondence







Set in Fraunces, Inter & IBM Plex Mono · No gradients were used · № MMXXVI