Aller au contenu
Livraison suivie offerte dès 49 € dans l’Union européenne
0

Usage interne · non liée au menu

Charte graphique

Les règles visuelles de Dormilou pour reproduire la vitrine dans le thème Shopify. Lumière du soir, retenue, beaucoup d’air.

Logo

Dormilou
Dormilou

Wordmark minuscule dessiné en Fraunces (graisse 440, SOFT 100, opsz 72), vectorisé : brand/logo.svg et logo-inverse.svg. Largeur 150 px dans l’en-tête (128 px mobile), jamais sous 96 px. Le petit loir (mark.svg) apparaît rarement, en petit : lettre du soir, page À propos, favicon.

Couleurs

Lait lavande
#F5F2F6
Fond de page

Blanc
#FFFFFF
Cartes, panneaux, champs

Brume
#ECE8F1
Fond des photos produit

Lait cacao
#F0E8E0
Sections alternées, conseil de Lou

Cacao
#2B2220
Texte courant

Lavande grisée
#675F6E
Texte secondaire

Couture
#DDD7E3
Filets, bordures

Bleu nuit
#1B1E3A
Boutons, section nuit, pied de page

Nuit 2
#262B4D
Survol bouton / surfaces nuit

Texte nuit
#EDEAF3
Texte sur bleu nuit

Veilleuse
#EDC27A
Heures de la section nuit (seul accent)

Brique
#A3392F
Erreurs / mises en garde (rare)

Typographies

Fraunces — titres (variable, SOFT 100, WONK 0, graisse 400)

Au lit, toute la maison.

Héros 78 px / mobile 42 px · interlignage 1,02 · approche −2 %. Italique (WONK 1) pour un seul mot, rarement.

Titre de section

52 / 32 px · interlignage 1,08

Sous-titre, nom de collection

36 / 26 px

Nom de produit en carte

19 / 17 px

Nunito Sans — texte, interface (variable)

Chapeau 18 px, lavande grisée.

Texte courant 16,5 px, graisse 420, interlignage 1,65.

Sur-titre 12 px · 750 · capitales · +14 %

Prix et boutons 15 px · 700

Boutons et liens

Pilule, hauteur 52 px, padding 30 px. Une seule action principale par bloc.

Cartes produit

Image 4/5 sur fond Brume ; photos à fond blanc en object-fit: contain + padding 9 % + mix-blend-mode: multiply ; photos d’ambiance en cover. Rayon 6 px. Deuxième photo au survol. Étiquette uniquement si vraie (« Dès 3 ans », « Pour adultes », « Nouveau »).

Espacements

4
8
12
16
24
32
48
64
96
128

Conteneur 1320 px, gouttière 20–40 px. Sections 72–128 px de haut et de bas. Grille produits : 4 colonnes (24 px), 2 en mobile (14 px). Une section bleu nuit par page d’accueil, pas plus.