<!-- Generated by ExtractVibe — https://extractvibe.com/brand/maisondupuy.com -->
<!-- Extracted: 2026-08-21T20:35:32.171Z | Schema: v1 | Quality: 90/100 -->
---
version: alpha
name: "Maison Dupuy Hotel | Temporary Closure, Renovation Updates, Groups & Weddings"
description: "Maison Dupuy exudes a sophisticated, heritage-rich elegance rooted in New Orleans’ French Quarter history, now transitioning into a modern yet timeless luxury experience under the Valentino Hotels family. The brand balances formal gravitas with accessible warmth, utilizing classic editorial typography and a refined color palette to convey prestige and continuity."
colors:
  primary: "#b8892e"
  tertiary: "#0e2f57"
  neutral: "#6d6257"
  surface: "#fffdf8"
  on-surface: "#2d261f"
  on-surface-secondary: "#6d6257"
  border: "#d8c49d"
  link: "#0e2f57"
typography:
  display-lg:
    fontFamily: "Didot"
    fontSize: "76.8px"
    fontWeight: "400"
    lineHeight: "92.16px"
    letterSpacing: "2.688px"
  headline-lg:
    fontFamily: "Didot"
    fontSize: "48px"
    fontWeight: "400"
    lineHeight: "57.6px"
    letterSpacing: "1.68px"
  headline-md:
    fontFamily: "Didot"
    fontSize: "22.4px"
    fontWeight: "400"
    lineHeight: "26.88px"
    letterSpacing: "0.784px"
  body-md:
    fontFamily: "Didot"
    fontSize: "16px"
    fontWeight: "400"
    lineHeight: "25.6px"
    letterSpacing: "0.16px"
rounded:
  sm: "2px"
  md: "4px"
  lg: "999px"
  full: "9999px"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
components:
  button-primary:
    backgroundColor: "#0e2f57"
    textColor: "#ffffff"
    rounded: "4px"
    padding: "14.4px 22.4px"
    fontSize: "16px"
    fontWeight: "600"
    borderColor: "#0e2f57"
    borderWidth: "1px"
  button-outline:
    textColor: "#ffffff"
    rounded: "4px"
    padding: "14.4px 22.4px"
    fontSize: "16px"
    fontWeight: "600"
    borderColor: "#ffffff"
    borderWidth: "1px"
---

# Maison Dupuy Hotel | Temporary Closure, Renovation Updates, Groups & Weddings — Design System

## Overview

The visual identity of Maison Dupuy Hotel embodies a sophisticated heritage-luxury aesthetic, rooted in the historic gravitas of New Orleans’ French Quarter while signaling a modern evolution under the Valentino Hotels family. This design language balances formal prestige with accessible warmth, creating an environment that feels both timeless and immediately welcoming. The atmosphere is one of refined continuity, where classic editorial elegance meets contemporary comfort. Comparable brands such as The Ritz-Carlton, Aman Resorts, and Four Seasons inform this approach, prioritizing understated opulence over ostentatious display. The design is not casual, trendy, or minimalist; it avoids starkness and digital coldness in favor of textured richness and historical depth. Every element serves to reinforce the brand’s dual archetypes: The Ruler, providing structure and authority, and The Creator, offering artistic expression and narrative depth. The interface must feel curated, like a high-end magazine spread, where whitespace is used deliberately to highlight content rather than to empty space. This creates a sense of exclusivity and care, ensuring that users perceive the brand as a steward of tradition and quality. The visual experience should evoke the feeling of stepping into a beautifully preserved historic property that has been thoughtfully updated for modern luxury standards, maintaining a dignified presence without becoming stiff or inaccessible.

**Key characteristics:**

- Vibe — heritage-luxury, classic-editorial, sophisticated, warm, historic, refined
- Archetypes — The Ruler, The Creator
- Comparable to — The Ritz-Carlton, Aman Resorts, Four Seasons, The Standard Hotel
- Design era — classic-editorial
- Emotional tone — prestigious-welcoming
- Target audience — Affluent travelers, couples seeking romantic getaways, and corporate groups looking for historic, upscale venues in New Orleans.
- Visual energy — 4/10 (moderate)

## Colors

The palette leverages #b8892e, a rich gold, to signal heritage and prestige, acting as the primary anchor for luxury associations. This is set against #fffaf2, a warm ivory surface, which provides a soft, inviting backdrop that enhances readability and reduces visual fatigue. The combination avoids stark black-and-white contrasts, instead opting for a nuanced, warm tonal range that reflects the brand’s historic roots and sophisticated warmth. This restrained use of color ensures that content remains the focal point while maintaining a consistent, elegant atmosphere.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| primary | `#b8892e` | Peru |
| accent / tertiary | `#0e2f57` | Midnight Blue |
| surface | `#fffdf8` | Snow |
| background | `#fffaf2` | Floral White |
| text | `#2d261f` | Near-Black |
| secondary text | `#6d6257` | Dim Gray |
| border | `#d8c49d` | Burlywood |
| link | `#0e2f57` | Midnight Blue |
| muted | `#6d6257` | Dim Gray |

## Typography

The type system relies on Didot for headlines and key UI elements, leveraging its high-contrast serif structure to convey classic editorial authority and refined elegance. Arial serves as the functional sans-serif for body text and interface components, ensuring clarity and accessibility without competing with the display font. This hierarchy establishes a clear visual distinction between decorative branding and functional information, creating a structured yet warm reading experience. The combination reinforces the brand’s commitment to timeless sophistication while maintaining practical usability across all devices.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| Didot | body | self-hosted | 400, 600, 700 |
| Didot | heading | self-hosted | 400 |
| Arial | body | system | 400 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Display | Didot | 76.8px | 400 | 92.16px | 2.688px |
| Heading 2 | Didot | 48px | 400 | 57.6px | 1.68px |
| Heading 3 | Didot | 22.4px | 400 | 26.88px | 0.784px |
| Body | Didot | 16px | 400 | 25.6px | 0.16px |

### Conventions

- Heading case — title-case
- Body line-height — 25.6px

## Layout

- Base spacing unit — `2px`

## Elevation & Depth

### Shadows

| Context | Value |
|---------|-------|
| card | `rgba(9, 33, 63, 0.08) 0px 12px 30px 0px` |
| card | `rgba(9, 33, 63, 0.14) 0px 10px 24px 0px` |
| card | `rgba(9, 33, 63, 0.12) 0px 14px 34px 0px` |
| card | `rgba(9, 33, 63, 0.06) 0px 10px 24px 0px` |
| modal | `rgba(0, 0, 0, 0.28) 0px 18px 45px 0px` |

### Gradients

- `linear-gradient(120deg, rgba(9, 33, 63, 0.92), rgba(14, 47, 87, 0.82)), radial-gradient(circle at 20% 20%, rgba(213, 179, 106, 0.28), rgba(0, 0, 0, 0) 32%), linear-gradient(135deg, rgb(9, 33, 63), rgb(14, 47, 87))`
- `linear-gradient(rgb(246, 239, 228), rgb(255, 250, 242))`
- `linear-gradient(rgb(246, 239, 228), rgb(239, 225, 201))`
- `linear-gradient(135deg, rgb(9, 33, 63), rgb(14, 47, 87))`
- `linear-gradient(135deg, rgba(9, 33, 63, 0.96), rgba(14, 47, 87, 0.88))`

## Shapes

Border-radius scale:

- `sm` — 2px
- `md` — 4px
- `lg` — 999px
- `full` — 9999px (pill / circular)

## Components

### Buttons

**Primary**

- Background — `#0e2f57`
- Text — `#ffffff`
- Radius — `4px`
- Padding — `14.4px 22.4px`
- Font size — `16px`
- Font weight — `600`
- Border — `1px solid #0e2f57`
- Sample copy — "Contact Our Reservations Team"

**Outline**

- Text — `#ffffff`
- Radius — `4px`
- Padding — `14.4px 22.4px`
- Font size — `16px`
- Font weight — `600`
- Border — `1px solid #ffffff`
- Sample copy — "Explore Sister Hotels"

## Do's and Don'ts

### Do

- Use Didot (self-hosted) for all headings and body text at weights 400, 600, and 700; reserve Arial (system) only as a fallback or for specific UI elements if needed.
- Format all headings in Title Case; maintain body text line-height at exactly 25.6px for optimal readability.
- Apply primary button styling with background #0e2f57, white text (#ffffff), 4px border-radius, and padding of 14.4px vertical by 22.4px horizontal.
- Use outline buttons for secondary actions with white text (#ffffff), white border (#ffffff), 4px border-radius, and identical padding to primary buttons.
- Implement subtle, multi-layered shadows on cards using rgba(9, 33, 63, 0.08) to rgba(0.14) with offsets like 0px 12px 30px 0px to create depth without heaviness.
- Utilize the background color #fffaf2 for main content areas to provide a warm, creamy canvas that contrasts with the deep navy #0e2f57.
- Use the accent gold color #b8892e for highlights, icons, or subtle decorative elements to reinforce the luxury heritage.
- Apply linear gradients for overlay effects on imagery, specifically using dark navy tones (rgba(9, 33, 63, 0.92)) to ensure text legibility over photos.

### Don't

- Do not use emoji in any marketing copy or UI elements; the brand maintains a formal, serious tone.
- Avoid exclamation points in headlines or body copy; keep punctuation restrained and professional.
- Do not use sans-serif fonts (like Arial) for headings; Didot is the exclusive typeface for editorial hierarchy.
- Avoid sharp, high-contrast shadows (e.g., black 0 10px 20px); shadows must be soft, colored navy, and diffuse.
- Do not use bright or neon accent colors; stick strictly to the defined palette of #b8892e, #0e2f57, #fffaf2, and #2d261f.
- Avoid pill-shaped buttons (border-radius 999px); all interactive elements must use the consistent 4px radius.
- Do not use all-caps for headings; adhere strictly to Title Case conventions.
- Avoid dense, technical jargon in copy; keep vocabulary moderate and accessible while maintaining a formal tone.

*Source — inferred*

## Voice

### Tone (1–10 scale)

| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 7/10 | casual |
| Playful ↔ Serious | 3/10 | playful |
| Enthusiastic ↔ Matter-of-fact | 4/10 | enthusiastic |
| Respectful ↔ Irreverent | 2/10 | respectful |
| Technical ↔ Accessible | 8/10 | accessible |

### Copywriting style

- Avg. sentence length — 18 words
- Vocabulary — moderate
- Jargon — none
- CTA style — action-oriented imperative verbs
- Rhetorical devices — metaphor, repetition

### Sample copy

> Maison Dupuy Begins a New Chapter

> We are honored to help carry Maison Dupuy into its next chapter

> Host Your Next Event in the Heart of New Orleans’ French Quarter

> If you have an existing reservation at Maison Dupuy Hotel, our team is ready to assist you.

> Preserving a French Quarter Landmark

## Logos

| Type | Variant | Format | URL | Confidence |
|------|---------|--------|-----|------------|
| favicon | — | ico | [link](brands/maisondupuy.com/logo-0.ico) | 95% |
| favicon | — | png | [link](brands/maisondupuy.com/logo-1.png) | 95% |
| favicon | — | png | [link](brands/maisondupuy.com/logo-2.png) | 95% |
| favicon | — | png | [link](brands/maisondupuy.com/logo-3.png) | 95% |
| primary | — | png | [link](brands/maisondupuy.com/logo-4.png) | 85% |
| primary | color | png | [link](brands/maisondupuy.com/logo-5.png) | 85% |
| primary | color | png | [link](brands/maisondupuy.com/logo-6.png) | 85% |
| primary | color | png | [link](brands/maisondupuy.com/logo-7.png) | 85% |
| primary | color | png | [link](brands/maisondupuy.com/logo-8.png) | 85% |

## Sources

- Live brand page — https://extractvibe.com/brand/maisondupuy.com
- Raw JSON — https://extractvibe.com/api/brand/maisondupuy.com
- DESIGN.md (this file) — https://extractvibe.com/api/brand/maisondupuy.com/design.md
- Extracted — 2026-08-21T20:35:32.171Z
- Generator — ExtractVibe vv1
- Quality score — 90/100