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

v1 — the space template this site replaced
Fig. 01 — v1 — the space template this site replaced

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

Next.js 16React 19TypeScriptTailwind CSS 4Framer Motion