Crit.Pond — This Site
2025A design-engineer portfolio built on Next.js 16 App Router — custom shader backgrounds, motion-led hero, and a brand-as-code approach where case studies and codebase ship together.
Stack
- Next.js 16
- TypeScript
- Tailwind v4
- Motion
- Paper Design Shaders
- MDX
- Role
- Design + Build
The system I built to show my work is itself the work. Content is typed and Zod-validated, hero sections run a real-time WebGL grain gradient, and the masonry grid is wired with motion/react layout animations.
The goal wasn't to ship fast. It was to build a site that reads the way I design — quiet palette, warm accents, no filler — and to prove I don't hand off between design and code.