Claude Code session — building the site in real time
The other half of the desk. Terminal open, Claude running, components compiling. This is how the site gets built — conversation by conversation.
Full homepage hero — brick wall photo cycling behind the wire network
Hero section with the photo slideshow running. Brick wall, window, wire nodes overlaid. The nav sits quiet at the top left.
Lowercase italic parallax — the calligraphic direction
The lowercase italic version. Two sizes, same weight. There's something about the way the double-l creates a natural break — para//ax.
Riso color matrix — scarlet, olive, spruce mapped across blend modes
Color system exploration. Scarlet, olive, spruce in a grid — testing how they layer and mix. The riso palette is the site's emotional register.
Riso opacity scale — each color at 10% through 100%
Every color at every weight. The 30-40% range is where the warmth lives. These swatches become the reference for every future design decision.
Early scroll interaction recording — testing the hero-to-content flow
Screen capture of the scroll behavior. Watching how the hero transitions into the content sections. The pacing between viewports matters.
Evening session recording — after the typographic polish pass
End of day capture. The typography changes are in — mono labels, serif headings, scroll-triggered lines. Comparing against the morning version.
The /update-site skill — automated artifact pipeline, one entry per artifact
Built the daily content pipeline. Drop files in raw/, run /update-site, each artifact gets its own post. No prompts, no manual metadata. The desk fills itself.
Wordmark studies — Parallax in serif italic and vertical sans
Testing the wordmark at different weights. Serif italic Parallax next to vertical PARALLAX in sans. Feeling out the right tension between warmth and structure.
Generated first paper texture for the site grain system — simplex noise mapped through the warm earth palette
Content pipeline practice run. Built the artifact bar — a horizontal scroll strip that replaces the placeholder desk cards. Generated the first real textures: paper (layered simplex noise in the warm palette) and stipple field (6,300 dots, organic density variation, edge dissolution). The desk is no longer empty.
The pipeline: extend the schema, generate or choose an artifact, write the entry, see it on the site. Every step we do by hand today becomes a step the /update-site skill does tomorrow.
First entry. The site scaffolding is up — Next.js, Tailwind, the warm earth palette. Cream background, terracotta accents, grain texture. The bones are here. Now comes the rest.