From sheet to surface.
The Lab as a desk surface, not a single sheet of paper. Multiple sheets layered, hole-punches, a two-light system, cards as labels on a sticker sheet, slight tilt to scroll. Captured from a walking brainstorm — not yet built.
Hypothesis
Iteration 03 and 04 made the Lab a credible sheet of paper. But a sheet on its own reads as flat — it needs to feel like a desk surface that's been worked on. The pieces below all push in that direction: the page becomes a layered, lived-in surface where the visitor is sitting at a desk, looking down at the work.
What we want to try
- 1Multiple sheets layered. Not one continuous paper. Two or three sheets of slightly different grades, laid casually on a surface — visible edges, slight overlap. Section boundaries become physical.
- 2Worn-grid zones.The graph paper isn't uniform — there are circular areas where the grid has faded (worn from use), like spots that have been written and erased over. Sometimes a hole-puncher hole on the side, like a sheet torn from a binder.
- 3Two-light system. An ambient room light from above-and-behind the viewer (gives every object a tiny shadow), and a desk-lamp light from the top of the page (where the logo is) that fades down. Bottom of long pages catches a softer warm light. The further down the page, the dimmer.
- 4Cards as labels on a sheet.A grid of cards doesn't float on the paper — it appears as a partially-used sheet of pre-printed labels, slightly rotated, not quite aligned. The labels carry a hand-written title and a printed body. Some labels are still on the stock; some have been peeled.
- 5Object vocabulary. Recurring physical objects for different content types: bookmark or business card for section headers (semi-vertical), label for cards, a piece of grey card stock for video embeds, a sticky note for asides. Each casts a shadow appropriate to where the light is coming from.
- 6Slight Z-plane tilt.The page isn't perfectly perpendicular. A barely-perceptible recession into the screen as you go up — content near the top reads slightly smaller / more distant. Scroll follows the tilt rather than running pure vertical.
- 7Occasional faint tear or fold. Once in a long while a torn corner, a fold crease catching light, an erased pencil mark. Sparse — not a Christmas tree of effects.
Why this matters
The current Lab is a flat sheet that people glance at and move on. The Studio rewards lingering — the cursor torch, the stardust, the candle, the gradient — there's always something to notice. The Lab needs the same kind of depth so visitors stay long enough for the actual work to register.
This isn't about adding more decoration. It's about building a believable physical context — once the visitor accepts they're at a desk, looking at someone's notes, everything that follows reads with more weight.
Try it
Not yet built. This page captures the hypothesis from a walking brainstorm; the implementation is the next major iteration. Likely needs to be split into sub-iterations (lights first, then layered sheets, then labels, then tilt) so each can be tuned in isolation.
Open questions
- How do you make "multiple sheets" feel like real paper without it becoming a layered-cards mess? Probably: shared background, just edges and slight rotations, no card chrome.
- Z-plane tilt is technically possible (CSS perspective + rotateX) but readability could suffer. Maybe only at the margins and in atmospheric moments rather than across the whole page.
- Two-light system needs body-attached lights (per-document) AND viewport-attached (per-viewer). The current setup has only the viewport-attached spotlight.
- Labels-as-cards: how do they handle long descriptions? Real labels are short. Either embrace the constraint (force concise cards) or invent a hybrid (label + a line of writing on the paper underneath).
- Sub-iteration order — which piece lands first? My instinct: two-light system + worn grid zones, because they're the atmospheric foundation that makes the rest land.
Conclusion
Pending. Will be written when the iteration is built.
Iteration 05 · April 2026 · captured from a walking brainstorm