COLOPHONCOLOPHON

Idea

Most of my working day happens on a design canvas, so the site is built like one: graph paper, selection boxes, sticky notes and the cursors of the people I design with. The content, case studies, research and code are my own.

Type

• Inter for reading, DM Mono for labels, Flux by Ralph Bruens for display (with Tiny5 as a fallback), and Covered By Your Grace for handwritten notes. All open-source (SIL OFL).

Stack

• Next.js and React, statically generated; MDX for case studies, posts and papers; Tailwind CSS; Motion and Lenis for animation; hosted on Vercel.

Accessibility

• All content is in the HTML. Animations stop when your system asks for reduced motion, and nothing is hidden behind them.
• Sound is off until you turn it on. The custom cursor appears only on mouse devices.
• Case studies work without JavaScript, including the Brief / Story / Deep switch.

Content rules

• No invented metrics, quotes or user tests. Every case states what shipped and says when nothing was measured.
• Teammates appear by role. Employer work is shown with permission; redrawn screens are labelled as reconstructions with fictional data.