Portfolio
My own digital home - where editorial craft meets interactive engineering.
Portfolio
My personal portfolio - editorial typography, interactive 3D sculpture, and a custom design system, all engineered in Next.js.
Context & Vision
This is the portfolio you're looking at right now. I designed and built it from scratch to prove that a personal site can be both technically rigorous and visually distinctive, without relying on templates or page builders.
The Problem Space
Most developer portfolios fall into two traps: either technically impressive but visually generic, or beautifully designed but poorly engineered. I wanted to build something that refuses both compromises.
Formulating The Solution
I started with a strict design system - deep navy accents, editorial typography hierarchy, and a custom spacing scale. Then layered in an interactive 3D kinetic sculpture as the hero's signature moment.
The typographic hierarchy pairs a bold architectural display face with a clean geometric body font. A monochrome palette with signature navy accents keeps the focus on content while the 3D canvas adds depth.
Built on Next.js App Router with TypeScript, React Three Fiber for the 3D scene, and Framer Motion for page transitions. Custom CSS variables power the light/dark theme system.
Interface & System Exhibits
Hero interaction and kinetic monolith typography composition
Component design tokens and typography hierarchy matrix
Mobile responsive breakpoint adaptation and drawer menu
Results & Impact
A portfolio that scores 99+ on Lighthouse, renders at 60 FPS, and actually represents how I work - engineering and design as one discipline.