Documentation de l'identité visuelle et des composants d'interface du site vitrine :
couleurs, typographies, boutons et éléments récurrents.
01 — Identité
Logotype
Logotype purement typographique : le mot-symbole en Cormorant Garamond, interlettré,
surmonté de la signature « Maison d'Exception » en Montserrat capitales espacées.
Sur fond clair
CHAMPAGNEMAISON D'EXCEPTION
Sur fond sombre
CHAMPAGNEMAISON D'EXCEPTION
Version dorée · usages ponctuels
CHAMPAGNEMAISON D'EXCEPTION
02 — Couleurs
Palette
Une palette resserrée : deux neutres, un noir profond et un or unique.
L'or est réservé aux accents — jamais en aplat de fond sur de grandes surfaces.
Or
#C9A45C · --color-gold
Accents, bordures de boutons, sous-titres, hover.
Or clair
#D9BD85 · --color-gold-light
Déclinaison sur fonds sombres, signatures.
Noir profond
#111111 · --color-dark
Sections sombres, header scrollé, footer.
Encre
#1A1A1A · --color-text
Couleur de texte principale.
Crème
#F8F5EF · --color-bg
Fond général du site.
Blanc
#FFFFFF
Cartes, formulaires, surfaces posées sur le fond crème.
03 — Typographie
Typographies & échelle
Un duo classique : une serif de caractère pour les titres, une sans-serif
discrète pour le texte courant et les éléments d'interface.
Aa Bb Cc — 1234
Cormorant Garamond · 300 → 700
Titres (H1–H3), logotype, chiffres mis en avant. Graisse de référence : 500.
Aa Bb Cc — 1234
Montserrat · 300 → 500
Texte courant (300), navigation, labels et boutons en capitales espacées.
H1 — HeroSerif 500 · clamp 38→64px · lh 1.05
L'expression d'un terroir
H2 — SectionSerif 500 · clamp 28→44px
Trois expressions d'un même terroir
H3 — CarteSerif 500 · 28–35px
Blanc de Noirs
Sous-titreSans 500 · 12px · caps · +3px
Au cœur de la Champagne
Corps de texteSans 300 · 15px · lh 1.8
Chacune de nos cuvées révèle une facette différente de notre domaine,
entre puissance, équilibre et élégance.
Label / boutonSans 400 · 12px · caps · +2-3px
Découvrir le domaine
04 — Boutons
Boutons & interactions
Le bouton principal est un contour or sur fond transparent ; le survol inverse
le rapport en remplissant d'or. Transitions longues (.4s) pour un effet feutré.
