I design what I ship.

Product engineering is my focus, but I design the products too: I work out the visual direction and a real design system in Claude Design, then rebuild it in this exact codebase (Next.js 16, Tailwind v4) and ship it. The hard part was never the mockup; it's making it survive a real codebase.

Design systems

Each product runs on a real system I built in Claude Design, then shipped in code. Open one to see the whole thing: tokens, type, and components.

hiring-radar

Mission-control system for a job-hunt radar: phosphor on near-black, data-dense, mono numerics.

View system

settle

Money-dense system for an AP bill-pay product: light, calm, clarity over flash when dollars are on the line.

View system

Nico Mastakas

The system behind this site: six colors, one accent, a 4px scale. Ported token-for-token into the CSS you are reading.

View system