Craft · 2026 · You're on it
Portfolio Website
role
Design and build
A deliberately handcrafted site — no template, no page builder. Built to demonstrate the same things I care about in product work: typography, motion discipline, accessibility and performance.
the problem
Most engineering portfolios read like a generated template. The work is real; the presentation says otherwise.
what I built
A custom neo-brutalist design system, a motion layer that respects reduced-motion, and route-level code splitting on a server-rendered React stack.
architecture
React 19 and TanStack Start with server rendering and file-based routing Custom OKLCH token system with a light and cozy dark theme Framer Motion layer for reveals, magnetic buttons and page transitions Terminal-style preloader with typed boot messages Route-level code splitting, lazy imagery and reserved media dimensions
Engineering highlights
01
Motion with a brake pedal
Every animation degrades to a static state under prefers-reduced-motion — the whole system is opt-out in one place.
02
No layout shift
Media carries intrinsic dimensions and decorative layers are absolutely positioned, so nothing jumps after load.
03
Keyboard complete
Command palette, skip link, visible focus rings and semantic landmarks across every route.