---
name: Maison Glint — Modernist Chromeware
colors:
  surface: '#F7F4EE'
  surface-dim: '#dadad8'
  surface-bright: '#F7F4EE'
  surface-container-lowest: '#ffffff'
  surface-container-low: '#f4f4f2'
  surface-container: '#eeeeec'
  surface-container-high: '#e8e8e6'
  surface-container-highest: '#e2e3e1'
  on-surface: '#1a1c1b'
  on-surface-variant: '#59554F'
  inverse-surface: '#2f3130'
  inverse-on-surface: '#f1f1ef'
  outline: '#777168'
  outline-variant: '#D8D1C7'
  surface-tint: '#5f5e5e'
  primary: '#000000'
  on-primary: '#ffffff'
  primary-container: '#1c1b1b'
  on-primary-container: '#F7F4EE'
  inverse-primary: '#c8c6c5'
  secondary: '#59554F'
  on-secondary: '#ffffff'
  secondary-container: '#E7E0D5'
  on-secondary-container: '#393630'
  tertiary: '#000000'
  on-tertiary: '#ffffff'
  tertiary-container: '#1d1b1a'
  on-tertiary-container: '#F7F4EE'
  error: '#ba1a1a'
  on-error: '#ffffff'
  error-container: '#ffdad6'
  on-error-container: '#93000a'
  primary-fixed: '#e5e2e1'
  primary-fixed-dim: '#c8c6c5'
  on-primary-fixed: '#1c1b1b'
  on-primary-fixed-variant: '#474646'
  secondary-fixed: '#ffe088'
  secondary-fixed-dim: '#e9c349'
  on-secondary-fixed: '#241a00'
  on-secondary-fixed-variant: '#574500'
  tertiary-fixed: '#e6e1df'
  tertiary-fixed-dim: '#cac6c3'
  on-tertiary-fixed: '#1d1b1a'
  on-tertiary-fixed-variant: '#484645'
  background: '#F7F4EE'
  on-background: '#1a1c1b'
  surface-variant: '#e2e3e1'
  charcoal: '#111111'
  champagne-gold: '#D4AF37'
  warm-stone: '#777168'
  alabaster: '#F5F5F3'
  warm-ivory: '#F7F4EE'
  linen: '#E7E0D5'
  travertine: '#D8CDBB'
  reflective-silver: '#C4C6C8'
  muted-terracotta: '#A56850'
  text-secondary: '#59554F'
  focus-ring: '#59554F'
typography:
  headline-xl:
    fontFamily: Cormorant
    fontSize: 56px
    fontWeight: '400'
    lineHeight: '1.1'
    letterSpacing: -0.02em
  headline-lg:
    fontFamily: Cormorant
    fontSize: 40px
    fontWeight: '400'
    lineHeight: '1.2'
    letterSpacing: -0.01em
  headline-md:
    fontFamily: Cormorant
    fontSize: 28px
    fontWeight: '400'
    lineHeight: '1.3'
  headline-sm:
    fontFamily: Cormorant
    fontSize: 20px
    fontWeight: '400'
    lineHeight: '1.4'
    letterSpacing: 0.02em
  body-lg:
    fontFamily: Inter
    fontSize: 18px
    fontWeight: '400'
    lineHeight: '1.6'
  body-md:
    fontFamily: Inter
    fontSize: 16px
    fontWeight: '400'
    lineHeight: '1.6'
  body-sm:
    fontFamily: Inter
    fontSize: 13px
    fontWeight: '400'
    lineHeight: '1.5'
  label-md:
    fontFamily: Inter
    fontSize: 12px
    fontWeight: '500'
    lineHeight: '1.4'
    letterSpacing: 0.08em
  label-sm:
    fontFamily: Inter
    fontSize: 12px
    fontWeight: '500'
    lineHeight: '1.4'
    letterSpacing: 0.1em
spacing:
  gutter: 2rem
  margin: 3rem
  space-xs: 0.25rem
  space-sm: 0.75rem
  space-md: 1.5rem
  space-lg: 3rem
  space-xl: 6rem
radii:
  default: 0px
  swatch: 50%
motion:
  duration: 180ms
  easing: ease-out
---
# Maison Glint Design System

## 1. Strategic Direction & Primary Persona

**Brand idea: The Art of Gathering.** Maison Glint creates considered table settings around reflective steel, tactile materials, and the pleasure of having people over. The desired feeling is warm, personal, and quietly distinctive.

This revision translates the supplied *Strategic Product-Market Fit Assessment and Persona Architecture for Maison Glint* into design requirements. It replaces the previous broad focus on high-net-worth luxury connoisseurs with the assessment’s selected primary persona: **the “Pinterest-Perfect” Millennial Host**, also described as the Atmospheric Entertainer.

The assessment’s demographic ranges, willingness to pay, purchasing behavior, and economics are planning hypotheses, not validated customer findings. They guide creative direction; they must not become customer-facing statistics or guarantees.

| Persona characteristic                                                                        | Design response                                                                                          |
| --------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------- |
| Design-conscious adults, approximately 28–42, initially targeting US and UK urban households | Refined, readable, mobile-first editorial design; inclusive casting and domestic settings                |
| Discovers dinner-party ideas through Pinterest and curated Instagram content                  | Saveable table compositions, coherent image crops, and direct links from inspiration to the relevant set |
| Hosts intimate dinners and seasonal gatherings                                                | Lead with a complete table for four and practical styling ideas                                          |
| Prefers warm brutalism and modernist eclecticism                                              | Contrast mirror steel with linen, oak, travertine, and candlelight                                       |
| Wants a distinctive table without stiff formality                                             | Inviting copy and lived-in details; visible food, hands, and guests                                      |
| Worries that metal plates will look cold or utilitarian                                       | Show believable warm surroundings and accurate close-ups of the finish                                   |
| Needs confidence about care, scratches, and arrival                                           | Clear product details, honest surface-aging imagery, and delivery information near purchase controls     |

**Secondary audience:** Culinary stylists and boutique hosts may inform editorial imagery and a discreet enquiry route. They do not displace the household hosting journey. Gen-Z trend content and technical BIFL messaging are supporting topics, not separate identities.

**Positioning:** Accessible design-led tableware for thoughtful gatherings. Keep the object name **Object 01**, paired on first mention with a clear descriptor: **mirror-finish stainless steel dinner plate**. Let styling convey sculptural value without obscuring what the customer is buying.

## 2. Brand & Style

**Design language:** Warm editorial minimalism, grounded in architectural forms and everyday hospitality.

Retain the existing charcoal identity, alabaster packaging base, Cormorant headlines, Inter interface text, generous spacing, and crisp geometry. Evolve the presentation through warmer backgrounds, textured scenes, silver packaging details, and approachable language.

**Emotional sequence:** Inspiration → confidence that it fits my home → clarity about the set → confidence to order.

Use restrained asymmetry in editorial spreads, but regular alignment for prices, specifications, selectors, and checkout. A customer should never need to decipher a luxury layout to find practical information.

Avoid status-led language, sterile showroom compositions, excessive metallic effects, and trend-led neon styling. Show relaxed refinement: slightly rumpled linen, a shared dish, an unfinished conversation, warm reflected light.

## 3. Color System

The front matter retains existing semantic token names for implementation continuity. The palette below governs new layouts. Fixed and inverse legacy tokens are compatibility values, not additional creative accents.

| Role            | Token / value                       | Application                                                               |
| --------------- | ----------------------------------- | ------------------------------------------------------------------------- |
| Main canvas     | `warm-ivory` / `#F7F4EE`        | Website backgrounds and editorial panels                                  |
| Packaging base  | `alabaster` / `#F5F5F3`         | Textured box wrap and printed inserts                                     |
| Primary ink     | `charcoal` / `#111111`          | Headings, body text, primary buttons, wordmark                            |
| Secondary text  | `text-secondary` / `#59554F`    | Captions, supporting copy, functional metadata                            |
| Soft surface    | `linen` / `#E7E0D5`             | Quiet section changes and selected-set panels                             |
| Natural accent  | `travertine` / `#D8CDBB`        | Editorial backgrounds and supporting texture                              |
| Metallic detail | `reflective-silver` / `#C4C6C8` | Packaging foil reference and decorative accents                           |
| Warm accent     | `muted-terracotta` / `#A56850`  | Small editorial details and seasonal styling                              |
| Legacy accent   | `champagne-gold` / `#D4AF37`    | Optional minor heritage detail; no longer the dominant metallic signature |

Steel should read as silver with reflected warmth, not as a gold-colored product. Use real photography for metallic depth; a flat silver token cannot represent a mirror finish. Keep silver, travertine, and gold out of small text and essential control boundaries. Use charcoal text on pale surfaces and white text on charcoal buttons.

## 4. Typography

**Cormorant** remains the expressive headline face. **Inter** carries descriptions, prices, navigation, forms, specifications, and delivery information.

| Style                   | Desktop | Mobile | Weight / line height |
| ----------------------- | ------- | ------ | -------------------- |
| Hero                    | 56px    | 36px   | 400 / 1.1            |
| Section heading         | 40px    | 30px   | 400 / 1.2            |
| Product heading         | 28px    | 24px   | 400 / 1.3            |
| Introductory body       | 18px    | 18px   | 400 / 1.6            |
| Body and form fields    | 16px    | 16px   | 400 / 1.6            |
| Supporting text         | 13px    | 13px   | 400 / 1.5            |
| Eyebrow / compact label | 12px    | 12px   | 500 / 1.4            |

Use sentence case for navigation, buttons, and practical copy. Reserve uppercase tracking for short editorial eyebrows and packaging identifiers. Never shrink shipping terms, prices, or care information to decorative microtype. Use `Georgia, serif` and system sans-serif fallbacks respectively.

## 5. Layout, Spacing & Responsive Behavior

Use a centered content width of approximately 1280px, a 12-column desktop grid, and a simple stacked mobile layout. Desktop outer margins start at 48px; mobile margins reduce to 20–24px. Use 24–32px desktop gutters and 16px mobile gaps.

Retain the original spacing scale: 4, 12, 24, 48, and 96px. Desktop editorial sections may use 96px separation; mobile sections generally use 48–64px. Maintain enough breathing room to feel considered without pushing essential buying details below long narrative sections.

At narrow widths, put product imagery before product title, set selector, price, delivery summary, and purchase action. Keep content usable at 320px without horizontal scrolling. Do not place essential text inside images.

## 6. Photography & Art Direction

### The 70/30 styling principle

For lifestyle compositions, aim for roughly **70% organic, matte, textured surroundings and 30% reflective steel**. This is a styling heuristic, not a pixel-count rule. Pure product-detail photography is exempt when accurate inspection requires a tighter crop.

Use natural linen, dark oak, travertine, matte ceramics, restrained terracotta, and candlelight. The hero should show a welcoming table for four, with Object 01 visibly used as dinnerware. A console or catch-all scene may appear later as a secondary use.

### Required image sequence

1. A complete, warm table for four: the primary hosting aspiration.
2. A 90-degree overhead setting: proportion, styling, and arrangement.
3. An approximately 30-degree product view: rim profile and reflected light.
4. A close-up of the actual finish: surface character and realistic reflections.
5. A hand placing or lifting the plate: human presence and honest scale.
6. The actual set contents and packaging: clear quantities and presentation.
7. A representative used surface: explain fine hairlines if confirmed by sample testing.

### Reflective-surface control

Use black flags or negative fill to create controlled charcoal reflections across the basin and preserve a bright rim highlight. The assessment proposes a predominantly dark basin reflection; adjust this to retain truthful product detail rather than forcing a fixed percentage in every shot.

Warm candlelit mood can draw on the assessment’s approximate 1900K–2800K reference range. Pair mood images with neutral, color-accurate product views. Keep camera rigs, faces, and room clutter out of unintended reflections. Avoid clipped highlights, heavy orange grading, and retouching that changes shape or hides representative surface behavior.

Food should look inviting and usable: figs, bread, seasonal produce, or a simple dinner course. Mix restrained editorial plating with real meal settings. Do not make every image an isolated sculpture on a pedestal.

## 7. Merchandising & Offer Hierarchy

Use the assessment’s proposed USD price architecture consistently. These are planning prices for this revision, not independently verified live offers. Confirm operational pricing before launch; use explicit currency labels and verified local pricing if a UK currency selector is introduced.

| Display order         | Offer        | Quantity | Proposed price | Per plate | Relative to singles          |
| --------------------- | ------------ | -------- | -------------- | --------- | ---------------------------- |
| 1 — lead offer       | The Host Set | 4 plates | US$198         | US$49.50  | US$34 less than four singles |
| 2 — supporting offer | The Duo      | 2 plates | US$112         | US$56     | US$4 less than two singles   |
| 3 — entry offer      | Object 01    | 1 plate  | US$58          | US$58     | Base offer                   |

Lead with **The Host Set — A table for four**. Use “For gatherings of four” as an editorial label; do not label it “Bestseller” without sales evidence. Show actual set contents and total price together. Savings comparisons are valid only while the corresponding individual prices are genuinely offered; do not use fabricated sale prices.

A Host Set campaign link may open with four plates selected. A single-object link must preserve its intended selection. All selectors must make quantity, price, and cart contents explicit. Never silently increase the order quantity.

## 8. Homepage & Product Journey

| Section             | Content requirement                                              | Main action          |
| ------------------- | ---------------------------------------------------------------- | -------------------- |
| Header              | Wordmark; Shop, Table stories, Care; cart                        | Shop                 |
| Hero                | Warm table for four; short benefit-led headline                  | Explore the Host Set |
| Lead offer          | Four plates, proposed price, accurate set image                  | View the Host Set    |
| Styling story       | Three approachable ways to combine steel with existing tableware | See the table story  |
| Product detail      | Finish, scale, verified material and dimensions                  | Explore Object 01    |
| Care and confidence | Surface aging, care, delivery and returns summaries              | Read care guidance   |
| Supporting offers   | Duo and single-object options                                    | Choose your set      |
| Closing invitation  | A useful hosting story or optional availability updates          | Explore / subscribe  |

On the product page, keep the title, descriptive product type, set selection, total price, selected quantity, stock status, delivery summary, and purchase action close together. Include dimensions, weight, material, care, packaging contents, returns, and duties information in clearly labeled sections.

Do not bury practical facts behind brand prose. Reviews, customer photos, press mentions, and certification badges appear only when authentic and available. A waitlist collects interest only; distinguish it from a paid reservation.

## 9. Components, Shapes & Interaction

- **Buttons:** Charcoal with white text; crisp corners; minimum 44px touch height. Hover and pressed states use visible tonal changes. Secondary buttons use a clearly visible charcoal outline.
- **Set selector:** Labeled radio-style cards containing offer name, plate count, and price. Selected state uses an outline and text or icon cue, not color alone.
- **Inputs:** Visible labels, full outlines, readable values, and inline errors. Replace the original underline-only treatment in purchase and subscription forms to improve discoverability.
- **Product cards:** Image-led with aligned title, quantity, and price. Lifestyle asymmetry must not obscure comparison.
- **Tags:** Use factual labels such as “Set of four.” Stock and dispatch labels come from real operational data.
- **Accordions:** Keyboard-operable headings with clear expanded state. Keep core quantity, price, and delivery information outside collapsed panels.
- **Borders and elevation:** Quiet separators on editorial content; stronger boundaries on controls. Use tonal surfaces before shadows.
- **Geometry:** Retain 0px radii for cards, buttons, packaging motifs, and inputs. Circular swatches and controls are functional exceptions.
- **Motion:** Approximately 180ms transitions; respect reduced-motion preferences. Avoid scroll hijacking, autoplay sound, and delayed access to purchase information.
- **Mobile purchase action:** An optional sticky action must show the selected set and price, remain keyboard accessible, and never cover content or consent controls.

## 10. Voice & Sample Copy

Speak like a thoughtful host: warm, concise, observant, and precise. Emphasize shared meals, reflected light, tactile contrast, and the ease of combining the object with an existing home.

**Hero:** “Set the table. Make an evening of it.”

**Supporting line:** “Mirror-finish steel, soft linen, and room for good company.”

**Product description:** “Object 01 is a mirror-finish stainless steel dinner plate, bringing a reflective accent to a considered table.”

**Host Set:** “Four plates. One considered table.”

**CTA:** “Explore the Host Set” or, beside an explicit selected price, “Add the Host Set to bag.”

**Surface-aging copy, after sample validation:** “Fine hairlines can develop with use. Over time, they become part of the surface’s character.” Pair this with a representative photograph and clear care guidance; “living patina” must not hide scratch susceptibility.

Avoid “elite,” “exclusive connoisseurs,” “investment asset,” “indestructible,” “scratch-proof,” or unsupported “heirloom” promises. Describe manufacturing origin and finishing accurately; premium presentation must not imply handmade production where it does not occur.

## 11. Packaging & Cross-Channel Continuity

**Packaging direction:** Textured alabaster rigid drawer box, charcoal supporting text, and restrained silver foil wordmark. Retain the existing wordmark rather than creating persona-specific logos. Protective inserts, a care card, and a microfiber cloth may be included only when supplied with the actual order.

The assessment proposes a 32 × 32 × 4cm box and velvet-lined protection. Treat these as prototype specifications requiring fit, abrasion, and shipping validation. Do not imply that a single-plate box holds the four-piece set; photograph and describe the validated set configuration.

The reveal should feel calm and useful: object name, contents, handling guidance, and a simple styling suggestion. Edition numbers or certificates are appropriate only for genuine, recorded editions.

Across every social handle, retain the same wordmark, typography, palette, product naming, price architecture, and photographic treatment. Vary the story, not the identity.

| Channel / content purpose     | Creative direction                                                                                |
| ----------------------------- | ------------------------------------------------------------------------------------------------- |
| Pinterest discovery           | 2:3 vertical hosting scenes; short readable titles; link each pin to its matching story or offer  |
| Instagram editorial           | 4:5 tablescapes and carousels covering the setting, finish, care, and set contents                |
| Vertical video                | 9:16 sequences of setting the table and warm reflections; readable captions and restrained pacing |
| Product and packaging content | Accurate finish, scale, quantity, and consistent silver/alabaster presentation                    |

Suggested story themes: **The Art of Gathering**, **A Table for Four**, and **Steel, Linen, Candlelight**. Use hosting search phrases naturally in titles and descriptions. Seasonal stories should reflect actual order deadlines. Any creator imagery requires permission and applicable disclosure before reuse.

## 12. Product Evidence & Operational Truth

The assessment supplies proposed specifications and commercial assumptions. It does not itself provide test reports, supplier certificates, or verified shipping performance. Keep the following as internal checks until supported.

| Proposed input from assessment                                      | Publication requirement                                                                                                           |
| ------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
| AISI 316 alloy; food-contact and chemical-safety assertions         | Obtain relevant supplier documentation and product-specific evidence before making material or compliance claims                  |
| 280mm diameter, 18mm rim, 640g mass, 2.5mm gauge                    | Measure production samples; reconcile gauge and weight before publishing the set of specifications                                |
| Multi-stage hand buffing / 8K finish                                | Confirm the actual production process and approved finish description                                                             |
| Dishwasher compatibility, acid resistance, and long-term durability | Publish only care instructions and performance claims supported for the actual product                                            |
| 8–14-day international transit                                     | Validate by destination; distinguish processing from transit and disclose uncertainty, duties, and order cutoffs                  |
| 100-unit monthly dispatch ceiling                                   | Plan inventory in plates, not orders: a Host Set consumes four units                                                              |
| “Batch 01: 250 Exemplars”                                         | Use only for a real batch with recorded quantities and feasible staged dispatch; do not imply immediate availability of all units |

Do not use scarcity to explain away transit time. Publish a plain, accurate delivery estimate before checkout. The assessment’s freight and profit figures do not establish delivery capability or justify a customer promise.

## 13. Accessibility & Release Acceptance

Target readable contrast: at least 4.5:1 for normal text, 3:1 for large text, and 3:1 for essential control boundaries and focus indicators against adjacent surfaces. Check actual rendered combinations; decorative palette approval does not certify interface contrast.

Before applying this system to a live experience, confirm:

- The opening screen communicates warm hosting and makes the four-person offer easy to find.
- The wordmark, Cormorant/Inter pairing, alabaster base, and crisp geometry remain recognizable.
- A shopper can identify plate count, total price, and currency without opening the cart.
- Photography shows accurate scale, finish, set contents, and a believable meal.
- Keyboard navigation, visible focus, meaningful image alternatives, form labels, zoom, and reduced motion work.
- Delivery, returns, care, and scratch behavior are legible and easy to locate.
- Material, manufacturing, edition, and stock statements match evidence and operations.
- Mobile layouts preserve legibility without clipping or obstructive overlays.

**Measurement after implementation:** Track Host Set share, average order value, product-page add-to-cart rate, purchase conversion, delivery-related abandonment or enquiries, and returns by reason. Compare hosting imagery and offer presentation using observed behavior; the assessment does not establish conversion benchmarks.

## 14. Revision Record

Updated from the supplied `DESIGN(2).md` using `Pasted markdown(4).md` as the strategic brief. This revision changes the primary audience, warmth of the palette, metallic accent priority, imagery rules, offer hierarchy, voice, and purchase guidance while preserving the recognizable editorial foundation. Product claims and operational assumptions remain subject to the evidence checks above. This document defines design direction; it does not change a live website or verify the assessment’s market research.