Lumora

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

1. 01

   Head-turn stage

   Masked looping head-turn video over a plate still - cadet portrait as the hero plane.

2. 02

   Helmet toggle

   Push Me drops a screen-blend helmet on/off with a short enter/exit animation.

3. 03

   Skyranger chrome

   Lumora brand, SKYRANGER headline, captions, and custom cursor on fine pointers.

4. 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