Charte visuelle — Lyon — v1.0
My City

BOX
Lyon

Une identité hôtellerie boutique pour un self-stockage qui sort du commun — chaleur, matière, élégance discrète.

Hôtellerie boutique · Canard · Terracotta
M
Chaleureux Raffiné Distinctif Local

"Un espace à soi, conçu avec soin."

Creative Slashers × My City Box · 2026
Soin
Profondeur
Lin
Matière
Terre
Ancrage
Nuit
Élégance
01

Des couleurs qui
ont de la matière

Canard Profond
#0D4544
Couleur dominante
Canard
#1A6B6A
Secondaire
Canard Vif
#2C8F8D
Hover / liens
Terracotta
#C4714A
Accent chaud
Terracotta Pâle
#E8C4AE
Fond chaud / badges
Ivoire
#FAF6EF
Fond principal
Lin
#F3EDE1
Fond sections alt.
Brun Profond
#2A2118
Texte principal
Brun Moyen
#6B5D4F
Texte secondaire

La terracotta (#C4714A) est utilisée comme une épice — avec parcimonie. Elle ponctue les éléments d'appel à l'action, les ornements et les séparateurs. Elle ne doit jamais dominer une composition. Le rapport canard / terracotta respecte un ratio 80 / 20 dans toute communication.

02

Une voix posée,
toujours lisible

Cormorant Garamond — Display
Votre espace,
à votre rythme.
Weights 300 / 400 / 600 · Italique expressif
Titres H1–H3, accroche, citations
Pinyon Script — Signature
My City Box
Poids unique · Majuscule initiale
Logo, signature, sous-titres élégants
À ne pas utiliser en corps < 24px
Hiérarchie complète
H1 — Titre principal
Cormorant 300
52px / 56px
H2 — Titre de section
Cormorant 400
34px / 42px
H3 — Sous-titre Baskerville
Baskerville 400
20px / 28px
Corps de texte — DM Sans léger pour une lecture longue durée, aéré, doux, parfaitement lisible sur fond ivoire ou lin.
DM Sans 300
15px / 26px
Label — Catégorie · Metadata
DM Sans 500
10px uppercase
03

Une signature
reconnaissable

My City Box
Lyon
Sur fond profond
My City Box
Lyon
Sur fond clair
My City Box
Lyon
Accent terracotta
04

Des appels à l'action
discrets mais clairs

Primaire — Action principale
Contour — Action secondaire
Terracotta — Offre / Promo
Texte — Lien discret
05

Ce qui fait la marque,
ce qui la défait

✦  À cultiver
  • Utiliser Cormorant en italique pour les titres expressifs — c'est là que réside le caractère
  • Conserver de larges marges et beaucoup d'espace blanc — le luxe se mesure à ce qu'on ne met pas
  • Réserver la terracotta aux seuls points d'accroche (CTA, ornements, séparateurs)
  • Photographier dans des lumières chaudes et naturelles — éviter le flash direct
  • Combiner Pinyon Script + Cormorant pour les compositions "signature"
  • Utiliser le fond ivoire (#FAF6EF) comme base, jamais le blanc pur
✕  À éviter
  • Surcharger les compositions — moins c'est toujours plus dans une identité boutique
  • Utiliser Pinyon Script en corps de texte ou en taille inférieure à 24px
  • Mélanger canard et terracotta à égalité — la terracotta perd son pouvoir d'accent
  • Utiliser des icônes plein (filled) — uniquement outline, stroke 1px
  • Appliquer le logo sur un fond coloré non validé dans la charte
  • Utiliser des typographies sans-serif comme titres principaux — elles brisent le registre