Themes / Maison Noir
Maison Noir
Luxury dark — blue-black ground, champagne metal
#101014 #ece7dd #c9a962 #6b7280
About this theme
Fashion-house dark: blue-black ground, ivory text, champagne metal. Zero radius, hairline borders, no noise — the restraint IS the material.
Apply it
Paste into update_theme. Fonts:
<link href="https://fonts.pageweave.dev/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Jost:wght@300;400;500&display=swap" rel="stylesheet">
Set headings in Cormorant Garamond 500, body in Jost 350–400, micro-labels in Jost caps at +0.22em tracking.
Where it works
Portfolio lookbooks, high-end product single-pagers, wedding/event stations, architecture studios. Sections need 8–12rem vertical padding; hover reveals run slow (700ms+).
Tuning
- Botanical variant: shift ground hue to 160 with lightness 0.14 for deep green.
- Warmer metal: primary hue 85 → 70 raises brassiness.
CSS Paste into update_theme
color-scheme: dark;
--color-base-100: oklch(0.16 0.008 260);
--color-base-200: oklch(0.2 0.01 260);
--color-base-300: oklch(0.25 0.012 260);
--color-base-content: oklch(0.91 0.015 90);
--color-primary: oklch(0.76 0.1 85);
--color-primary-content: oklch(0.16 0.01 260);
--color-secondary: oklch(0.62 0.06 40);
--color-secondary-content: oklch(0.93 0.015 90);
--color-accent: oklch(0.68 0.05 160);
--color-accent-content: oklch(0.15 0.01 160);
--color-neutral: oklch(0.24 0.01 260);
--color-neutral-content: oklch(0.9 0.015 90);
--color-info: oklch(0.65 0.07 250);
--color-info-content: oklch(0.15 0.01 250);
--color-success: oklch(0.66 0.09 155);
--color-success-content: oklch(0.15 0.02 155);
--color-warning: oklch(0.76 0.1 85);
--color-warning-content: oklch(0.16 0.01 260);
--color-error: oklch(0.58 0.16 30);
--color-error-content: oklch(0.95 0.01 90);
--radius-selector: 0rem;
--radius-field: 0rem;
--radius-box: 0rem;
--size-selector: 0.25rem;
--size-field: 0.25rem;
--border: 1px;
--depth: 0;
--noise: 0;