← All work

The Lumens

Group site for the agency and its ecosystem

Years
2026 - PresentActive

The umbrella site for the group - services, work, people and the ecosystem of brands around it. Built on React Router v7 in framework mode with SSR, Tailwind v4 and shadcn/ui on Base UI primitives, implemented straight from Figma and driven by the shared admin API.

What I built

  • Established the design system first - tokens, self-hosted fonts, shared layout and a component library - then built the Home page across all nine sections, plus About, Work listing and Work detail.
  • Implemented the motion work the design leaned on: sticky section choreography that holds at every width, a beam that stacks on phone and tablet, spotlight backgrounds, glassmorphic work and ecosystem cards, and a hero video.
  • Built a self-hosted image optimizer and wired the full favicon set, Open Graph imagery, SEO routes and a sitemap.
  • Worked from Figma by reading the file in the browser and verifying every screen against the running site in device mode, rather than trusting the implementation from code alone.
  • Added the admin CRUD and API behind it so the marketing site stopped being a hard-coded deploy.

Stack

  • React Router v7
  • React 19
  • Vite
  • Tailwind CSS v4
  • shadcn/ui
  • Base UI
  • SSR