Web System
VAELT
A cinematic launch page for performance eyewear: two scroll-scrubbed films, a lens system that reacts to light, and a field archive.
Verified rebuild score
Claude Code 92 · Framer 96
Access
Pro
Included
Live demo · Agent prompt for Claude Code and Codex (one index.html, vanilla JS) · Framer Agent prompt with two code components · Visual kit: opening film, product film, six field images
About
What you are rebuilding
A product launch site for a fictional adaptive eyewear brand. The page is one long camera move: an opening film and a product film scrub frame by frame with the scroll inside a sticky stage, while the interface sits on top in difference blend. Specs for the lens and the frame appear in sync with the film, then a field archive drifts through six environments, from salt flats to pine forest. Monochrome, one sans-serif family, a single iridescent gradient on the wordmark.
Prompts
Get the prompt for your tool
Claude Code · Codex
Agent prompt
Rebuilds the site in code with the same sections, motion and media. Open an empty folder, start Claude Code or Codex and paste the prompt.
Framer Agent
Framer prompt
Builds the page with native Framer layers, text styles and breakpoints, plus small code components only where Framer has no native option. Open a new Framer project, start Framer Agent and paste the prompt.