Fragrance Brand 3D
Built for Avrel, the sample brand inside the template
A fragrance launch page where the bottle is a real 3D model turning on its stone while its six raw materials orbit it: click one and it comes forward with what it is, scroll and the orbit settles into the top, heart and base notes.
It builds, or it's free. If this prompt doesn't rebuild the site you saw in its live demo, email us within 14 days of buying for a full refund.
How it moves
The first screen is the frosted bottle on a travertine block turning slowly under a beam of light, a champagne ring above it and one below, with bergamot, fig, iris, vanilla, cedar and amber circling on a tilted orbit and "Bergamot, Iris & Cedar." left. Hovering a material names it; clicking it pulls it forward into the light beside a card with its tier, a line on how it smells, its material, origin and share of the blend, while the bottle slides aside and the others slow down. Drag to turn the whole orbit. Scrolling settles the orbit: the bottle comes round to face you and the six materials take their places in three tiers either side, top notes at the cap, heart at the liquid, base at the stone, each with a brass hairline to the bottle and its label. A sunlit plaster wall follows, its olive-leaf shadows swaying while a statement fills in word by word. A strip of three tall origin photos (bergamot grove, iris field, cedar forest) slides across, the centred one opening to full size and colour with the material's photo pinned to its corner. A pinned photo of a hand holding the bottle sits beside a clock that steps through 0 minutes, 1, 4 and 8 hours with what you smell at each. The close brings the bottle back in its orbit beside the sizes, the price and Add to bag; picking 100 ml grows the bottle. All copy, notes, sizes and image slots sit in one content file, the palette in one theme file.
What you get
- A tested build prompt · 12.6k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the landing page section by section.
- The working projectVite + React.
npm install && npm run devand it runs, no keys or accounts. - The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.
Inside the prompt
A launch page for one fragrance (the sample is Avrel No. 4 Eau de Parfum, blended in Grasse, from €95). The bottle is a real 3D model standing on a travertine stone, turning slowly by itself under a beam of light, with a champagne light ring above it and one below. Its six raw materials orbit it as real 3D objects (bergamot, fig, iris, vanilla, cedar, amber) on a tilted orbit, so things behind the bottle sit higher and things in front lower. One three.js canvas is fixed over the page and serves the hero, the composition and the close; the sections between cover it.
- What it is
- Style collection
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
