Colofon

Design and development

• Designed and built by Duco Boomsma, together with Claude Code
• Flows and screens checked in Figma, and adjusted there through the Figma MCP
• Built with TanStack Start, React 19 and Vite 8
• Styled with Tailwind CSS v4
• Motion in CSS, GSAP ScrollTrigger on the bio, and a WebGL shader of its own for the homepage
• Deployed through Lovable

Typography

• PP Rader for the name and the bio
• Space Grotesk for display type
• DM Sans for body text and labels

Design system

Every size is measured on monopo's case pages at 1440 wide and written in vw with a floor in rem, so the pages scale with the screen and never drop below readable. Colour is ink and paper; an accent appears only where it carries meaning, green for GreenPixel and red for Alarmease.

Interaction model

The homepage is the main surface. Its hero hands over to a stack of cases, and a click on a case zooms into that case's own device, the laptop or the monitor, and lands on the opening of the case, so the story carries on through the transition.

References and images

The homepage and the case pages follow monopo saigon, the bio follows svz.io. Some images are generated; the case pages say so where they appear.