MCB
Charte visuelle — v1.0 — Lyon

MY CITY
BOX

Centre de self-stockage nouvelle génération.
Design tech & identité forte pour se démarquer dans le marché lyonnais.

Bleu canard · Tech · Innovant
01

Palette chromatique

Canard Électrique
#00E5C2
Accent principal / CTA
Canard Profond
#0B7C7B
Couleur dominante
Canard Vif
#12A3A1
Hover / interactif
Canard Ombré
#064F4E
Sections secondaires
Nuit Profonde
#031E1E
Fond principal
Or Lyonnais
#FFB800
Accent chaud / badges
Blanc Arctique
#EDF7F7
Texte sur fond sombre
Canard Pâle
#7AADAC
Texte secondaire

💡 Note conceptuelle — Or Lyonnais

Le #FFB800 fait écho à la Fête des Lumières de Lyon — ancrage local fort, rupture visuelle avec le bleu canard dominant. À utiliser avec parcimonie : labels promotionnels, badges tarifaires, éléments de mise en avant.

02

Typographie

Oxanium — Display & Titres
Stockez
demain.
800 · 700 · 600 — Uppercase & Mixed case
Usage : Titres, logo, CTAs, UI labels
DM Sans — Corps & Interface
Accédez à votre box, 7j/7
Un espace sécurisé, connecté et accessible depuis votre smartphone. Designed pour les entrepreneurs, artisans et particuliers exigeants de Lyon et sa métropole.
300 · 400 · 500 — Corps 14–16px · Ligne 1.65
Hiérarchie — Sizes & Weights
H1 — 48/56px Oxanium 800
H2 — 32/40px Oxanium 700
H3 — 20/28px · Sous-titres Oxanium 600
Body — 15/16px · Texte courant et descriptions DM Sans 400
CAPTION — 10/11px · Labels & metadata Oxanium 600 — uppercase
03

Déclinaisons logo

MCB
MY CITY BOXLyon
Sur fond profond
MCB
MY CITY BOXLyon
Sur fond canard
MCB
MY CITY BOXLyon
Sur fond clair
MCB
Monogramme seul
04

Boutons & CTAs

Primaire — Action principale
Contour — Action secondaire
Or Lyonnais — Promo / urgence
Ghost — Tertaire / nav
05

Iconographie

Box
Accès
App
Lyon
Horaires
Digital
Monitoring
Multi-accès

Style : Outline 1.5px · Stroke-linecap round · Monochrome (Canard électrique sur fond sombre, Canard profond sur fond clair) · Bibliothèque recommandée : Lucide Icons

06

Règles d'usage

✓ À faire
  • Utiliser Oxanium en gras pour tous les titres et CTAs
  • Maintenir le bleu canard comme couleur dominante à >60% de surface
  • Réserver l'or (#FFB800) aux seuls éléments promotionnels ou d'urgence
  • Privilégier les fonds sombres (#031E1E) pour les communications digitales
  • Utiliser le motif grille comme texture de fond sur les visuels clés
  • Conserver la marge de protection autour du logo = 1× hauteur du monogramme
✕ À éviter
  • Mélanger des polices extérieures à la charte (Inter, Roboto, Arial...)
  • Utiliser l'or sur fond sombre comme couleur de fond (illisible)
  • Appliquer le logo sur un fond de couleur non validé dans la charte
  • Déformer les proportions du monogramme hexagonal
  • Utiliser des dégradés roses ou violets — rupture de ton tech
  • Réduire le logo en dessous de 24px de hauteur en version monogramme