// Charte visuelle v1.0 — Lyon — Brutalisme urbain

MY
CITY
BOX

IDENTITÉ VISUELLE · 2026 · LYON
26
Couleur dominante Canard #0B3D3C
Accent Acid #C8FF00
Énergie Dynamique · Contrasté
Polices Anton + Archivo Black
Style Brutalisme urbain
Self-stockage My City Box Lyon Sécurisé 24/7 Sans engagement Accès smartphone Self-stockage My City Box Lyon Sécurisé 24/7 Sans engagement Accès smartphone
01
Palette chromatique
// 9 couleurs · canard dominant · acid accent
01
Canard Profond
#0B3D3C
Fond dominant
02
Canard Moyen
#135150
Sections alternées
03
Canard Vif
#1D7370
Hover / interactif
04
Canard Pâle
#4DA8A5
Texte secondaire
05
Acid Green
#C8FF00
Accent principal · CTA
06
Alert Red
#FF2D2D
Urgence · Promo flash
07
Blanc Pur
#FFFFFF
Texte · Contour
08
Nuit
#050F0F
Fond noir / barres
!
L'acid green (#C8FF00) est l'arme de la marque — il claque sur le canard profond et attire l'œil instantanément. Il est réservé aux CTAs, labels et accents uniques. Le rouge (#FF2D2D) n'apparaît que dans les communications d'urgence (offres limitées, délais). Ne jamais les utiliser ensemble.
02
Typographie
// Anton · Archivo Black · DM Mono
Anton — Impact Display
STOCK
EZ
Lyon
Anton Regular · Uppercase uniquement
Titres H1, hero, affiches, OOH
Archivo Black — Sous-titres
Accès 7j/7.
Sans engagement.
Dès demain.
Courts, percutants. Archivo Black pour les affirmations de marque, les H2 et les légendes impactantes.
Archivo Black 400 · Mixed case
Hiérarchie — Tailles & Usages
H1 — Titre Hero
Anton Regular
80–160px
H2 — Titre Section
Archivo Black
32–44px
H3 — Sous-titre accroche
Archivo Black
20px
Corps — Archivo Light pour toutes les descriptions, paragraphes explicatifs et contenus longs. Lisible sur fond canard profond.
Archivo 300
14–16px
// Mono — Labels · Metadata · Code
DM Mono 400
9–11px
03
Déclinaisons logo
// 3 fonds validés · typographie Anton
M
Lyon
My City
Box
Self-stockage urbain
Fond canard profond
M
Lyon
My City
Box
Self-stockage urbain
Fond acid
M
Lyon
My City
Box
Self-stockage urbain
Fond nuit
04
Boutons & CTAs
// Direct · Sans arrondi · Archivo Black
// Primaire — Action principale
// Contour blanc — Action secondaire
// Contour acid — Tertaire sur fond sombre
// Rouge — Urgence / Offre limitée
05
Règles d'usage
// Ce qui fait le style · ce qui le tue
// À faire
  • →Anton en uppercase uniquement — jamais en mixed case, jamais en corps de texte
  • →Utiliser l'acid green comme seul point d'impact visuel par composition
  • →Angles droits partout — aucun border-radius, aucune courbe décorative
  • →Le ticker animé peut être utilisé en header de page ou en séparateur de section
  • →Conserver les numéros de section en gros format — c'est une signature du style
  • →Conserver un gap de 3px entre les blocs — pas 0, pas 24px
// À éviter
  • ✕Aucun arrondi (border-radius) — la brutalité passe par les angles
  • ✕Jamais de dégradé — les aplats francs sont la règle absolue
  • ✕Ne pas combiner acid + rouge dans la même composition
  • ✕Pas d'ombres portées (box-shadow) — elles adoucissent le propos
  • ✕Ne pas utiliser Anton en dessous de 28px — illisible et hors-style
  • ✕Pas de fond blanc pur — le canard profond ou le noir uniquement