Back to Hub
Design Sample / Midnight Noir Go to Hub

MIDNIGHT NOIR

A style that creates a premium mood by placing gold accents on a dark base. When prompting, instead of the word "luxury," specify the components clearly: "deep black background + champagne gold lines + serif headlines" for accurate results.

Low-light contrast instead of high contrast
Serif titles + restrained body text
Glossy effects limited to accent areas only

AI Request Prompt

Design a premium brand introduction landing page with a deep, pitch-black minimalist aesthetic.

Requirements:
- Background: Deep black (#0f0f12) + radial-gradient gold light bleeds (low saturation)
- Accent: Champagne gold (#d6b577) as single accent, text in warm ivory (#eee6d7)
- Typography: Headings in premium serif (Cormorant Garamond), body in neutral sans-serif (Syne)
- UI: Thin gold lines (1px solid #3e372a) and deep shadows (0 24px 46px rgba(0,0,0,0.55))
- Panels: Semi-transparent dark background (rgba 18,18,21,0.72), 14px rounded corners
- Motion: Slow and elegant rise (translateY 12px, 0.7s ease), 0.1s stagger intervals

Responsive:
- Mobile: Cards stack in 1 column, hero padding reduced
- Desktop: max-width 1040px, cards auto-fit minmax(180px, 1fr)

Restrictions:
- No high-saturation/neon colors
- No white backgrounds
- No excessive decoration or glow effects

Output:
1) Color tokens (background/panel/gold/text) and typography tokens
2) Hero, Story, Proof, CTA structure
3) HTML/CSS code with responsive support