Skincare Brand 3D
Built for AULNE, the sample brand inside the template
A skincare product page where the cream jar is real 3D on a vanity: turn it, tap and the lid unscrews, then run the pointer through the cream and it keeps the groove.
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 a travertine vanity seen from above with the jar in its empty middle and "Barrier Cream." huge top left; dragging turns the jar and a tap unscrews the lid and sets it down beside it, showing a whipped cream that the pointer presses grooves into, each with a soft lip, settling back over a few seconds. Scrolling lifts the jar into the studio under "Touch the texture.", the lid comes off again and a warm glow frame lights round the screen while you touch the cream. A giant "soft on skin" slides in under a framed swatch photo that opens into a strip of three photos with caption chips. The cream close-up fills the screen under "Four ingredients that do the work." and four fact panels rise over it, each with a circular ingredient photo and its percentage counting up. The close brings the jar back turning above a giant "AULNE": picking 100 ml grows it and changes the price, with one Add to bag and one small line. All copy, ingredients, sizes and image slots sit in one content file, the palette in one theme file.
What you get
- A tested build prompt · 14.2k 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 product page for one skincare cream (the sample is AULNE Oat Barrier Cream: 50 ml at €38, 100 ml at €62), in the format of a product-theatre launch page: one object carried by the scroll from a real-looking desk scene into a studio, big plain type left and right of it, a giant word with a framed photo, a material close-up, fact panels and a "choose your own" close. The jar is a real 3D model (generated from a studio photo, then cut into lid and base at the seam), drawn with three.js on one canvas behind the page. It eases from pose to pose as you scroll, so it is never a cut.
- What it is
- Style collection
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
- Acceptance checks
