AURUM — Supersonic Private Air
A supersonic jet over golden clouds, cloud streaks racing past, and a flight bar that proves New York is a morning away.
A luxury one-page site for a made-up supersonic airline, in ivory and gold. A preloader flies a jet from LHR to JFK while the Mach number counts to 1.70, then the hero opens on a white jet above a sea of golden-hour clouds, with streaks of cloud racing past, a sun flare that follows the pointer, live telemetry and a glass booking bar. Below it, two flight bars draw at their real ratio (7 h 10 m against 3 h 20 m), the cabin photograph opens from a framed print to the full window as you scroll, a reel of destination cards slides sideways while the page moves down, and two membership cards close it. One HTML file with five generated photographs; GSAP and ScrollTrigger from a CDN.
How to run this
Nothing to install and nothing to configure. Works in any modern browser on Windows, macOS and Linux.
- Built with
- Single HTML file
- Requires
- A modern browser
- 1. Unzip the download.
- 2. Double-click index.html. It opens in your browser and runs. To serve it instead (some browsers want a server), run
npx serve .in the folder and openhttp://localhost:3000.
Note — GSAP and ScrollTrigger load from the cdnjs CDN and the typefaces from Google Fonts, so the first load needs an internet connection. The photographs are in the assets folder beside index.html; keep the two together. Upload index.html and assets/ to any static host and it is live.
More like this
Browse the store →
PremiumABYSS — A Descent Into the Deep Ocean
Scroll down and you sink: a depth gauge counts to 6,000 metres while the light fades, the marine snow thickens and the water starts to glow.
PremiumTaj Mahal Keynote Site
Apple-keynote storytelling for a monument brand
PremiumMONOLITH — Compute Without a Horizon
A black monolith in the desert splits the screen open, its seam of light pulsing, sand blowing past and a live token counter ticking.
