Less printed, more drawn.
Five moves to make the Lab feel handmade rather than templated. Wordmark as type. Caveat for the prose. Header releases and scrolls. Stains on the paper. Cards washed in watercolour.
Hypothesis
The Lab's previous pass got the bones right (paper, ink, grid, shadows) but read as a clean digital sheet. To feel handmade it needs imperfection — the kind a real notebook page carries.
v0.2 (April 2026): tuning after first viewing. Body font dropped to Space Grotesk (Engineer) — Caveat at body-copy lengths was too demanding. Hand font now reserved for headings only. Wordmark split: Alt Shift in italic Cormorant, LAB in Caveat caps — the Poet plus the Hand in one mark. Stains redrawn — much fainter, organic shapes (the ink blot is now a wandering bezier, not an ellipse), one rare large smudge instead of four medium ones. Overscrollfix: html element gets the same gradient so rubber-band scroll on Mac doesn't flash white.
Five moves
- 1Wordmark as type. The PNG logo is gone. Header now renders Alt Shift Lab in Cormorant Garamond italic — the Poet voice from the brand doc. Colour follows context: pale on the dark Studio, aubergine ink on the paper-lit Lab.
- 2Hand font in the Lab.Caveat for body and headings on any page that uses .paper-ground. Mono labels (tags, kicker text, status pills) stay in Geist Mono — they're the engineer's stamp on a hand-drawn page.
- 3Header releases from sticky.In Lab context the header scrolls with the document. The nav lives at the top of the paper, not pinned over it. Real sheets don't have fixed menu bars.
- 4Stains and dirt. A few hand-positioned splotches on the paper — a tea ring, an ink blot, a smudge, an aging spot. They scroll with the paper because they belong to it.
- 5Watercolour cards.Hand-drawn organic radius (each corner different so the shape reads as sketched, not laser-cut). A painted wash inside, tinted by the room's hue. A wash texture overlay using fractal noise so the colour catches paper fibres rather than sitting flat. A subtle inner rim where the wash pools darker.
Open questions
- Is Caveat readable for body copy at length, or does it tire the eye? Body sizes are around 1rem — fine for short paragraphs; we'll see if it holds for longer iteration write-ups.
- Do the stains read as character, or as "the page is dirty and broken"?
- Does the watercolour-card effect read as watercolour, or just as "a card with weird corners"? The CSS-only approximation has limits. Real watercolour might need an SVG filter pass.
- Does the wordmark in italic Cormorant feel like the brand, or like a different brand entirely?
- Header scrolling away — does navigation still feel reachable, or do users get lost without a sticky anchor?
Conclusion
Pending. Several of these moves are visceral choices best judged after a few hours of living with them.
Iteration 04 · April 2026