Luxury High-End Brand

Create a luxury/high-end brand website. Think Chanel, Rolex, or Rolls-Royce — every pixel should exude sophistication, exclusivity, and timeless elegance.

Design Requirements

Color Palette: Deep dark (#0c0c0c), warm cream text (#f5f0e8), gold accent (#c9a96e)

Gold Usage: Used sparingly — thin lines, monogram accents, hover states. Never overuse.

Typography: Cormorant Garamond (elegant serif) for headlines, thin weight sans-serif for body, generous letter-spacing (0.15em on headings)

Photography: Full-bleed, high-contrast, dramatic lighting — the product is always the hero

Spacing: Extremely generous — luxury means space. Sections have 150-200px vertical padding

Sections to Include

Navigation — Minimal, centered logo, thin nav links with letter-spacing, gold hover underline

Hero — Full-screen video or image, overlay with thin serif headline, "Discover" CTA with gold border

Product Showcase — Alternating full-width images with text, Ken Burns zoom effect on images

Heritage — Brand story in centered text layout, decorative gold line separators

Collection — Grid of products with hover zoom, gold "View" overlay

Quote — Full-screen background image, centered quote in serif with thin gold lines above and below

Footer — Minimal dark footer, thin gold top border, centered logo, few essential links

Technical Details

Gold gradient for metallic effect: linear-gradient(135deg, #c9a96e, #f7e7ce, #c9a96e)

Ken Burns: CSS animation transform: scale(1) → scale(1.1) over 20s

Fade-in-up animations on scroll, very slow (800ms) for elegant feel

Letter-spacing and text-transform on headings

Responsive: maintain premium spacing ratios on mobile