Overview
Lumora is a full-viewport Cadet Skyranger marketing hero by SonoJS. Built as a single HTML page with Urbanist and Archivo Italic, a fixed artboard frame, plate background, masked head-turn MP4, and a screen-blend helmet still. Push Me toggles the helmet on and off with a short motion. Custom fine-pointer cursor, intro stagger for logo / menu / SKYRANGER headline / captions. Demo UI only - no backend. Open index.html or host the folder statically on Cloudflare Workers.
Highlights
- 01
Head-turn stage
Masked looping head-turn video over a plate still - cadet portrait as the hero plane.
- 02
Helmet toggle
Push Me drops a screen-blend helmet on/off with a short enter/exit animation.
- 03
Skyranger chrome
Lumora brand, SKYRANGER headline, captions, and custom cursor on fine pointers.
- 04
Zero-build static
One index.html plus fonts, plate, helmet still, and head-turn MP4.
You get
- index.html (complete Lumora hero)
- assets/media (plate.jpg, helmet.jpg, head-turn.mp4)
- assets/fonts (Urbanist + Archivo Italic)
- Intro stagger and helmet toggle logic
