3D luxury watch that shows the real time (Three.js)
A rose-gold watch built only from code — guilloché dial, blued hands, leather strap — turning under a spotlight and showing the visitor's real local time.
Live — built from this exact promptOpen live demo
prompt.md
Course onlyBuild a single, self-contained index.html: a dark, editorial landing hero for a [WATCH OR JEWELLERY BRAND] with a procedural 3D watch that shows the visitor's real local time. Brand: [BRAND NAME] — [ONE-LINE PRODUCT, e.g. a 40 mm automatic in 18k rose gold] Headline: [LINE 1] / [LINE 2, italic] (e.g. "Time, kept" / "beautifully.") Palette: [e.g. near-black #0b0908, rose gold #ebbd9c, silver dial, blued steel #2546b4] Technical rules
The full prompt comes with the course
All 55 prompts in the library are part of the Vibewrights course. Enrollment opens in January 2027 — join the waitlist to get the founding-member price.
See what's includedWhat you'll get
- ✓A full watch modelled from lathe profiles, no 3D files
- ✓A guilloché dial computed pixel by pixel into a normal map
- ✓Hands that sweep with the visitor's real local time
- ✓Callouts pinned to the 3D model while it turns
How to use it
- 1Replace everything in [BRACKETS] with your own product, copy and colors.
- 2Paste it into Claude Code, Cursor, Lovable or Bolt and open the page in Chrome.
- 3Compare with the live demo, then tune one thing at a time.
— From the course
You'll build this end-to-end in Module 3, with a step-by-step video walkthrough and AI feedback on your project.
