Web System
VELUNE
A jewellery atelier storefront: a split hero that opens into a scroll-scrubbed film, a filterable edit with Quick Add, and a bag drawer.
Verified rebuild score
Claude Code 100 · Framer 97
Access
Pro
Included
Live demo · Agent prompt for Claude Code and Codex (Vite + TypeScript, no framework) · Framer Agent prompt with three code components · Visual kit: hero film, four product images, three editorial images
About
What you are rebuilding
A small-batch storefront for a fictional sterling silver atelier. The first screen is a quiet split: the headline on paper, the film on the right. As you scroll, the film widens to full bleed and plays frame by frame with the scroll. Below it, the collection edit works like a real shop: category filters, Quick Add on every piece, a bag counter in the header, a drawer that slides in with totals, and a short confirmation toast. Paper and ink, one sans-serif family, silver as the only colour.
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.