Case study · Live · 2026
This Website
Portfolio v2 — rebuilt from the ground up. Next.js 16, React 19, Tailwind 4, and Framer Motion, with a command palette and a data-driven content layer.
Next.js 16
Framework
Tailwind 4 (OKLCH)
Styling
Framer Motion 12
Motion
Single data source
Content

01
Concept & design
A portfolio should read like a printed monograph of the work: warm paper surfaces, ink-black grotesque type at poster scale, hairline rules, and a single vermilion accent. The system borrows from Swiss modernist print design rather than from other websites. Every page renders from one typed data file, so content changes never touch layout code.
02
Mechanics
A ⌘K command palette navigates the whole site from the keyboard. Pages transition with staggered reveals, screenshots settle into place as they scroll into view, and everything respects prefers-reduced-motion. The previous version was a space-themed template with a three.js starfield; this one is a handcrafted system a third of the size.
Stack