Case study ·2026
This Portfolio
The site you're on — Next.js 16, Tailwind v4, and Framer Motion, designed and built from scratch.
Role
Design & development
Year
2026
Stack
- Next.js
- Framer Motion
- Tailwind
Overview
The site you're reading right now. Designed and built from scratch as a single-page experience with case-study pages — Next.js 16 App Router, Tailwind CSS v4 design tokens, and Framer Motion driving the movement.
The problem
A portfolio has one job: make the work feel as considered as the work itself. Most developer portfolios are templates — generic dark mode, default everything, no point of view.
The solution
A custom "Midnight Tech" design system: layered glows, mono detailing, and restrained motion that respects reduced-motion preferences. All content lives in one typed file, so updating the site is a one-file edit.
Highlights
- Custom design system on Tailwind v4 tokens
- Framer Motion with reduced-motion support
- Single typed content file drives every page
- Static, fast, and accessible
Gallery
Add screenshots via images in content/site.ts.