Design & Engineering · 2026 · You're on it
This Portfolio
role
Design and build
No template. No page builder. Built from a blank file - OKLCH design tokens, a soft neo-brutalist system, GSAP scroll animations and an Astro-rendered core. The same standards I apply to client products: first paint speed, zero layout shift, keyboard accessibility and motion that respects the user's system preference.
the problem
Most engineering portfolios are a list of GitHub repos dressed up with a CSS framework. The work is real; the surface signals otherwise.
what I built
A custom design system that applies to every element, a motion layer built on GSAP and scroll-driven APIs, and an Astro foundation that ships zero unnecessary JavaScript by default.
architecture
Astro with React islands - only interactive components ship JS to the browser Custom OKLCH token system with paper-light and cozy-dark themes GSAP ScrollTrigger for pinned sections, clip-path reveals and diagonal marquees Terminal-style preloader sequence before first paint Image dimensions reserved at build time - zero cumulative layout shift
Engineering highlights
01
Zero-JS by default
Astro ships static HTML for every non-interactive section. React only hydrates where interaction is genuinely needed - the page loads fast by architecture, not optimization.
02
Motion with a brake pedal
Every GSAP animation degrades gracefully under prefers-reduced-motion. One global flag, not per-component conditionals scattered across the codebase.
03
Design token discipline
OKLCH-based color tokens, consistent spacing scale and a shared shadow system mean the neo-brutalist aesthetic holds at every breakpoint and in both themes.