Spectrum: Full Visual Rebrand & Frontend Rebuild

Key Deliverables

• Architected a co-located dual design system within a single Next.js 16 codebase — V1 and V2 components fully isolated with strict import boundaries, enabling parallel development and continuous deployment.
• Built a password-protected preview environment with cookie-based auth, signed tokens, open-redirect prevention, and full SEO isolation (noindex/nofollow + robots.txt disallow).
• Created a 304-line design token system using Tailwind CSS v4's @theme inline and @utility directives, covering colour semantics, composite typography classes, and graduated shadow/radius scales.
• Rebuilt the homepage from scratch with 12 sections, including animated network cards with conic-gradient rotating borders, staggered via hash-based animation delays at 60fps.
• Migrated the project from Next.js 15 to 16, rewriting middleware to proxy.ts, adopting Turbopack, and converting route parameters to async.
• Designed a 4-phase zero-downtime cutover strategy: token merge → component promotion → page migration → V1 cleanup.