Luxury High-End Brand

An opulent luxury brand website with gold accents, dramatic photography, refined serif typography, and premium attention to detail.

Preview of Luxury High-End Brand
Works with:ClaudeChatGPTv0CursorBolt
luxuryhigh-endelegantgoldpremium

Prompt

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
  • Related Prompts