Vesper UI

Vesper turns a website into a dream you walk through. Built for creative studios, artists, brands and exhibitions that want people to feel something, it tells your story in six cinematic chapters — Prelude, Stillness, Drift, Bloom, Resonance and Coda.

Visitors enter through a gate that invites them in with sound or in silence. Behind every page floats a living Three.js world: an iridescent orb, orbit rings and drifting dust that recolour and re-choreograph as each chapter scrolls in — ultraviolet, sky, teal mist, moon gold and coral dusk. A generative ambient score (no audio files) retunes its chords chapter by chapter, and services and projects chime softly as you pass them.

The design takes its cues from ethereal poster art: giant Bodoni Moda headlines with flourished script laid over them, hairline poster frames with crop marks and sparkles, and a live story index. Projects become living WebGL posters that react to the cursor.

Everything is editable from the Framer canvas and the property panel — colours, text, chapter palette, sound volume, gate copy and shader presets — with no plugins required.

Features (one per line)

- Three.js / WebGL world that recolours per chapter

- Generative Web Audio soundtrack — zero audio files

- Enter gate with sound / silence choice and iris reveal

- Scroll-lit manifesto with glowing script accents

- Four live WebGL poster artworks with cursor interaction

- Moonlit arch testimonial + stats

- Live poster frame, chapter rail, sound meter and glow cursor

- Hover chimes and click "breaths" via a reusable code override

- Custom 404 page in the same visual language

- Desktop, Tablet and Phone breakpoints

- Organised colour + text styles (Poster Giant, Script, Display, Body, Label)

- Reduced-motion friendly, keyboard accessible gate and controls