Want this look?

Build me a complete, responsive business website in the DARK LUXURY style — the black-and-gold restraint of Chanel, Hermès, Bottega Veneta, and Aesop: a deep near-black canvas, a high-contrast editorial serif set large, one rationed metallic accent used as punctuation, and vast negative space. Value communicated by subtraction — the willingness to leave space empty is the most expensive choice on the page. Combine this style seed with my brief below. If I don't give you the details, invent a plausible premium brand that suits this quiet, confident look — a fine-jewelry house, a couture atelier, a luxury spirits label, a high-end hospitality group — and build a full, real demo for it, not a placeholder. This style is a FAMILY, not a single template — the same seed should produce visibly different sites for different brands. A few dimensions are yours to choose: the exact refined ACCENT, the SERIF pairing, and the overall LAYOUT APPROACH. Pick one of each that fits my brand and COMMIT to it across the whole site — every option below is equally on-style, so don't second-guess the choice with your own taste. ── INVARIANTS (never break these — they define the style) ── • Deep near-black canvas throughout — darkness is the frame that makes everything placed on it feel rare and deliberate. Warm off-white / ivory for body text, never pure clinical white. • ONE restrained metallic / refined accent, RATIONED — used as punctuation, not paint: a thin rule, a single word, a small mark. A whole page of the accent cheapens it instantly; its power comes from how rarely it appears. • A high-contrast editorial display serif, set large and tightly leaded — the typographic voice of the luxury category for a century. Body/UI text is a clean, wide-tracked sans or light serif at calm size. • Vast margins and slow, deliberate pacing — luxurious negative space around everything, generous line-height, nothing crowded. Confident removal: often the strongest signal is what you choose not to show. • Motion is "fade / settle": elements fade in slowly and settle into place — patience itself is part of the signal. Never bounce, never snap, never rush. Honor prefers-reduced-motion, and keep ALL content visible without JavaScript — never leave a section stuck invisible. • CONTRAST (WCAG 2.2 AA, non-negotiable): every text/background pair is ≥4.5:1 for body, ≥3:1 for large/headline text. Choose the ink from each block's ACTUAL background — warm off-white / ivory text on the near-black canvas; and if the metallic accent is ever used behind text as a filled panel, switch that text to near-black so it still clears the ratio. The metallic accent as small text on black must itself pass — verify the gold/bronze tone is light enough against near-black for body use, or reserve it for large/decorative marks only. Muted/secondary text still clears 4.5:1. ── VARIABLES (choose one of each that fits my brand, then commit) ── • PALETTE — bring my own brand accent if I give one; otherwise choose a single refined metallic. Express it as tone and relationship: a deep near-black canvas, a barely-lighter near-black for surfaces, warm off-white / ivory for text, and ONE rationed metallic or refined accent (warm gold is typical — champagne, brushed bronze, platinum-silver, or a deep restrained burgundy also work). Keep it warm and expensive, never bright or neon, and use it sparingly. Example combos (not required): warm gold on near-black · champagne on charcoal-black · brushed bronze on near-black. • TYPE — one high-contrast editorial display serif + one clean wide-tracked body face, loaded via Google Fonts. Display, pick one: Cormorant Garamond · Cormorant · Playfair Display · EB Garamond. Body, pick one: Jost · Josefin Sans · Montserrat (light) · Work Sans. • LAYOUT APPROACH — choose one structural feel and commit: a single centered column with oceans of margin; an asymmetric editorial layout with one large image and a lot of empty ground; a sparse gallery where each item is isolated by whitespace; or a full-bleed image hero with minimal text floating over a scrim. Also settle on your own hero composition, how the gold rule punctuates, and overall (very generous) density. ── MEDIA MODEL (sparse, editorial, isolated) ── Use imagery sparingly and let each image own the space around it — a placeholder <img> for each planned product or editorial photograph, given vast margin, never crowded, one strong image rather than many small ones. Where text sits over an image, guarantee contrast with a solid dark scrim or a plate behind the text. Build punctuation (thin gold rules, single marks) from code. Generate imagery appropriate to MY brand, not a reuse of any demo. Never fake a photo with a plain colored div — use a placeholder image where a real photograph would go. WHAT THIS SITE MUST ACHIEVE (business goal): Signal premium value and quiet confidence in the first moment; let restraint and craft do the persuading rather than a hard sell; establish the brand's story, craft, and world with very few, very deliberate words; and lead to one refined next step — an enquiry, a private appointment, a purchase, a reservation. Let the brand and its brief decide which sections serve that goal, include exactly those in a sensible order, and build each one fully. BUILD REQUIREMENTS — ship a complete, usable site, not a hero mock: • Real information architecture driven by MY brand and goal — whatever sections build desire and quiet trust and move a stranger toward acting, each with one clear job, in a deliberate order. Include working navigation and a footer. • Don't be lazy with any section: each carries real content depth (never a title plus one thin line), proper internal hierarchy, and the full dark-luxury treatment — but restraint is the style, so make the few words excellent and the space intentional. If a section only adds noise, cut it; if a section serves the goal but feels thin, give it substance without crowding. • Real, tailored copy for MY brand — spare, elegant, confident, written to convey craft and worth, never loud, never lorem. • Fully responsive and accessible: semantic landmarks, alt text, and the CONTRAST invariant enforced on EVERY section — especially any text over an image (use a scrim) and any use of the metallic accent as text. On mobile, keep the vast margins and calm pacing; stack without crowding. • Apply the chosen accent, serif, and layout approach to EVERY section, not just the hero.

Best for AI website builders — Lovable, v0, Bolt

Restyle my existing site into the DARK LUXURY look — the black-and-gold restraint of Chanel, Hermès, Bottega Veneta, and Aesop: a deep near-black canvas, a high-contrast editorial serif set large, one rationed metallic accent used as punctuation, and vast negative space. Keep ALL of my current content, copy, pages, and structure exactly as they are; change only the visual language so the whole thing reads as premium, quiet, and confident. Do not invent new pages, remove sections, or rewrite my words. Keep MY brand accent — carry my existing primary brand color in as the single rationed accent rather than swapping in a new one. Push it into the dark-luxury logic: use it only as punctuation (a thin rule, a single word, a small mark), never as large fills, and let a deep near-black canvas with warm off-white / ivory text carry everything else. If it's currently bright, refine it toward a warmer, more expensive tone. If I use several loud colors, pick the one truest to my brand as the rationed accent and remove the rest. Then make one SERIF choice and COMMIT — a high-contrast display serif that suits my brand. ── INVARIANTS (never break these) ── • Deep near-black canvas throughout — replace light/busy backgrounds with darkness that frames value. Warm off-white / ivory text, never pure clinical white. • Ration the accent — demote it to punctuation only; strip any large accent fills. Its power is scarcity. • Move display headings to a large, tightly-leaded high-contrast serif; keep body/UI text a calm, wide-tracked clean face. • Open vast margins and slow pacing — add luxurious negative space, generous line-height, remove crowding; practice confident removal of clutter. • Motion becomes "fade / settle": slow fade-in and settle per section, patient and unhurried. Remove every bounce, snap, and rushed ease. Honor prefers-reduced-motion and never leave a section stuck invisible; keep content visible without JavaScript. • Never: bright or saturated color, more than one accent, dense cluttered layouts, fast or bouncy motion, pure clinical white text. ── TYPE (pick one pairing to suit my brand, then commit) ── One high-contrast editorial display serif (Cormorant Garamond · Cormorant · Playfair Display · EB Garamond) + one clean wide-tracked body (Jost · Josefin Sans · Montserrat light · Work Sans), loaded via Google Fonts. Set any existing image sparingly with generous margin (one strong image over many small ones); where text sits over an image, add a solid dark scrim or plate behind it. Replace decorative color with thin metallic rules and single marks. Keep it responsive and accessible — enforce WCAG 2.2 AA contrast on every block (≥4.5:1 body, ≥3:1 large; warm off-white/ivory text on near-black; if the metallic accent is ever used as text verify it's light enough to pass on black, or reserve it for large/decorative marks; never text over a bright image region without a scrim). Restyle what already exists so every section carries the dark-luxury system consistently — same content, new skin.

Paste alongside your existing site/code for an AI coding agent to apply

Design a single section in the DARK LUXURY style — the black-and-gold restraint of Chanel, Hermès, Bottega Veneta, and Aesop: a deep near-black canvas, a high-contrast editorial serif set large, one rationed metallic accent used as punctuation, and vast negative space. A low-commitment preview of the style, built richly for whatever section I ask for. Tell me in your own words, alongside this prompt, which section you want and the job it has to do — a hero that lands the brand with a single line, a signature product feature, a story/heritage band, an editorial gallery, a refined call-to-action. If I don't name one, build a quiet hero for a plausible premium brand you invent that suits this style. Whatever the section, build it fully and richly — don't be lazy: real, tailored copy, proper hierarchy, and depth, not a title plus one thin line. Restraint is the style — make the few words excellent and the space intentional. ── INVARIANTS ── • Deep near-black canvas. Warm off-white / ivory text, never pure clinical white. ONE rationed metallic accent used only as punctuation (a thin rule, a single word, a small mark) — never large fills. A high-contrast display serif set large and tightly leaded; calm wide-tracked body. Vast margins and slow pacing. Motion is a slow fade-and-settle; never bounce, snap, or rush; content visible without JavaScript, honoring prefers-reduced-motion. • Never: bright or saturated color, more than one accent, dense clutter, fast or bouncy motion, pure clinical white text. ── VARIABLES (pick one of each, commit) ── • PALETTE — bring my brand accent if I give one; otherwise choose a single refined metallic (warm gold is typical; champagne, brushed bronze, platinum-silver, or a deep restrained burgundy also work) on a deep near-black canvas, with warm off-white / ivory text. Keep it warm and expensive, used sparingly, never neon. • TYPE — one high-contrast editorial display serif (Cormorant Garamond · Cormorant · Playfair Display · EB Garamond) + one clean wide-tracked body (Jost · Josefin Sans · Montserrat light · Work Sans), via Google Fonts. Build the section from serif type, thin metallic rules, and generous empty space. If it genuinely needs an image, use a real placeholder <img> given room to breathe, and add a solid dark scrim or plate behind any text over it — never a fake colored div standing in for a photo, never a crowded tiled wall. Include one refined button where the section's job calls for one. Make it responsive and accessible — WCAG 2.2 AA contrast (≥4.5:1 body, ≥3:1 large): warm off-white/ivory text on near-black; if the accent is used as text verify it passes on black, or keep it to large/decorative marks; never text over a bright image region without a scrim. Write real, tailored copy for the subject, not lorem.

Good for a focused first pass, or a chat-based assistant like ChatGPT/Claude