The site you are on right now. Next.js App Router with TypeScript and Tailwind CSS v4, a custom scroll-driven motion system, two full visual themes in one architecture, a canvas-rendered holographic contact globe, and typed project content, deployed on Vercel.
Stack, status, evidence, and public actions are rendered from the typed project record.
Category
Personal OS
Type
Website
Priority
Flagship
Overview
What this project is
The site you are on right now. Next.js App Router with TypeScript and Tailwind CSS v4, a custom scroll-driven motion system, two full visual themes in one architecture, a canvas-rendered holographic contact globe, and typed project content, deployed on Vercel.
Problem
Why it matters
A template portfolio says nothing about how someone builds or where their quality bar sits.
Solution
Approach
A fully custom build where the design system, the motion engineering, and the content architecture are themselves the portfolio piece.
Architecture
System shape and stack
Experience
Two visual systems, one app
The site keeps Singularity OS and Ivory Observatory inside one route structure, one content layer, and one theme-aware architecture.
Production
A live system with future backend boundaries
The current implementation is deployed on Vercel with local typed content, reusable components, motion foundations, and a documented future admin boundary.
- Next.js App Router
- TypeScript
- Tailwind CSS v4
- Motion
- Vercel
Technical Highlights
Visible technical signal
- Custom scroll-driven motion system built on Motion
- Two complete visual themes sharing one architecture
- Canvas-rendered interactive contact hologram
What It Proves
Builder signal
Frontend craft at the detail level: animation engineering, theming architecture, canvas rendering, and shipping polish.