Lūmen

Overview

Lūmen is a full-viewport private-banking / index marketing hero by SonoJS (LŪMEN // ÍNDEX). Built with Vite, React 18, TypeScript, Tailwind CSS 3, and Lucide. Full-bleed looping hero.mp4, Graphik + Manrope type, numbered ECOSYSTEM / LIQUIDITY_POOLS / LUMEN_INDEX / GOVERNANCE nav, wallet CONNECTED / PRIME_MEMBER chrome, Liquid Assets. Luminous Returns. headline, animated grid + CORE_ENTITY / LUMINOUS_INSIGHT / CONNECTIVITY node callouts, Explore Private Banking CTA, and NOT A BANK — AN ECOSYSTEM panel. Demo fintech chrome only - no wallet backend. Vite build ready for Cloudflare Workers.

Highlights

1. 01

   Index video stage

   Full-bleed /assets/video/hero.mp4 with Graphik Liquid Assets. Luminous Returns. type.

2. 02

   Grid + neural nodes

   Animated grid lines and CORE_ENTITY / LUMINOUS_INSIGHT / CONNECTIVITY callouts.

3. 03

   Wallet chrome

   CONNECTED address, PRIME_MEMBER status, and Explore Private Banking CTA.

4. 04

   Vite and fork-ready

   Vite 5 + React 18 + TypeScript + Tailwind 3 + Lucide - npm run build to dist/.

You get

• Full Vite + React 18 + TypeScript source (Lūmen)
• App.tsx hero with grid, nodes, nav, and CTAs
• Tailwind CSS 3 + PostCSS
• public/assets/video/hero.mp4
• public/assets/fonts (Graphik + Manrope)
• lucide-react