Colophon

What this site is made of and how it gets built. A product designer's portfolio should hold up to a view-source, so this page is the spec sheet.

Stack

Next.js 15: Framework. App Router with React Server Components: pages render on the server, and client JavaScript ships only where interaction demands it.
React 19: Client components power the interactive parts: the theme toggle, the generative art surfaces, and the local time in the chrome.
Tailwind CSS v4: Styling. CSS custom properties for theming; OKLCH color tokens for perceptually-uniform light and dark palettes.
MDX: Content. Work, Writing, and Lab entries are Markdown and MDX files with frontmatter, parsed with gray-matter and rendered through next-mdx-remote.
shadcn/ui: Component library. Base-nova style, built on Base UI primitives. Themed to match the site's warm, minimal aesthetic.
Geist: Sans for body, Mono for labels and code, Pixel for the hero animation. All from Vercel.

AI Agents

Claude Code: AI coding agent. The site is designed and built in collaborative terminal sessions, the same design-to-code loop the rest of this portfolio is about.
agent-os: The repo's memory system for coding agents. Strategy, system map, conventions, plans, and learnings live as versioned files, so every agent session starts with full context instead of a cold read of the codebase.