webPortfolioDesign SystemCanvas
nathanokh.com
This portfolio — an App Router site with a shared design language, paint-flow canvas background, and vault-door page transitions.
Token-driven styling system, Cloudinary media delivery, Framer Motion vault transitions, and a custom paint-flow canvas background using requestAnimationFrame. Three distinct verticals (Creative, AI & Dev, Enterprise) share a gold accent language with individual vertical accent colors. All built with Next.js 14 App Router, TypeScript, and Tailwind CSS. Deployed on Vercel with GitHub Actions quality gates.
Tech stack
- Next.js 14
- TypeScript
- Tailwind CSS
- Framer Motion
- Cloudinary
AI tools
- Cursor
- Claude