All Templates
◈
Luxury & Refined
34. Midnight Atelier
Couture noir: obsidian backdrop, gold-foil rule frames, italic Didone wordmarks, and small-caps tracking that breathes like a museum vitrine. For luxury houses, perfumeries, jewelers, and hospitality.
When to Use
Fashion houses, fragrance, fine jewelry, hotels, members-only clubs, fine dining
Key Vocabulary
Obsidian backgroundgold rule frameDidone italic wordmarksmall-caps trackingRoman numeral est.champagne typographycorner bracketsgold sealmuseum-glass restraint
Example Prompt
Build a luxury maison landing page with couture-noir restraint: - Background: radial obsidian (hsl(225, 35%, 12%) → hsl(225, 30%, 5%) at 70%) - Two nested gold rule frames (hsl(42, 70%, 62%)) at 16px and 22px inset, opacity 0.4 and 0.15 - Centered italic Didone wordmark (Cormorant Garamond / Didot), font-light, clamp(54px, 12vw, 150px), leading-[0.95], tracking-[-0.02em] - Below it, gold small-caps qualifier "— n o c t u r n e —" with letter-spacing 0.18em at 0.42em font-size - Top nav: Roman-numeral establishment date on the left, 4 service labels centered, two cities on the right — all uppercase tracking-[0.4em] at 10px - Bottom centered tagline in dust gray, uppercase tracking-[0.5em] - Gold circular seal (40px) bottom-center with a single italic monogram letter - Four corner-bracket marks (L-shaped 1px gold lines) at 12px from each corner, opacity 0.6 - Animation: wordmark reveals by easing letter-spacing from 0.1em to -0.02em over 1.4s; seal scale-rotates in at 0.8s delay - No buttons, no images, no gradients except the obsidian backdrop — the typography IS the brand - Mobile: keep frames and seal, shrink wordmark to clamp(36px, 14vw, 72px)
Pro Tip
"Luxury comes from what you remove. Two rule frames, one wordmark, four corner marks. If you add a button, you have already lost the room."