Vermeil

Haute Horlogerie

  • Scroll
  • Landing Page
  • HTML
  • CSS
  • Scroll-Scrub

The build prompt

8,885 chars
Build a premium scroll-scrubbed cinematic product page for VERMEIL — a rose gold watch maker. Build it as ONE self-contained HTML file: inline <style>, inline <script>, Google Fonts via <link>. No build step, no framework. The only external asset is one background video.

THE MECHANIC — scroll IS the timeline (this is the whole point):
The page does not play a video. Scroll position drives video.currentTime frame by frame. The film has three acts baked into one file: the watch flies in and settles (0-33%), it separates into every component in mid-air (33-66%), and it reassembles (66-100%). Scrolling backwards runs it in reverse, which feels like handling a real object.

⛔ THE #1 MISTAKE — re

The rest of this prompt is for members

More like this