# One-Shot Prompt

**Theme**: Luxury perfume house
**Generated**: 2026-04-04

## Prompt

Write a complete HTML, CSS, and JavaScript in a single self-contained file for an immersive, cinematic website about a luxury perfume house called "Atelier Obscur". The tagline is "Scent as memory".

The site must feel like a living brand experience:
- A dark obsidian and rich amber color palette.
- Background animations of slow, drifting mist particles (using Canvas API).
- Scroll-triggered reveals with Intersection Observer for smooth fade-ins and translates.
- Parallax depth on background elements.
- Elegant typography mixing a classic serif (e.g., Playfair Display or similar via Google Fonts) and clean sans-serif for UI elements.
- A custom cursor that responds subtly (a small glowing dot).
- A hero section with a large, centered typographic statement and a downward scroll indicator.
- At least 5 distinct sections:
  1. Hero (Welcome & brand name)
  2. Philosophy ("The Alchemy of Memory")
  3. Collection (Horizontal scrolling or grid of signature scents: "Nocturne", "Vetiver Ash", "Silken Rust", "Phantom Rose")
  4. The Atelier (A moment of surprise: canvas interaction or dark-to-amber inverted colors)
  5. Footer (Fictional address in Paris, coordinates, and motto)
- A subtle repeating SVG noise/grain overlay for texture.
- Mobile-responsive layout, smooth scroll, and accessible motion.
- No external images, CDN dependencies for visuals (fonts are fine), or frameworks. Pure HTML, CSS, JS.

## Notes

- Uses HTML5 Canvas for mist/particle generation.
- Uses Intersection Observer for scroll animations.
- Hosting: CodePen / Vercel / local.