// Charte v2 — Brutalisme Urbain — Water Blue RAL5021

MY CITY BOX

// Water Blue RAL5021 dominant
// Orange accent · Anton stacked
// Brutalisme urbain · Lyon
RAL 5021 · #007B84
// Angles droits · Zéro compromis
// Anton + Archivo Black + DM Mono
// Logo téléphone · Accès smartphone
My City Box Lyon Self-stockage Accès smartphone Sécurisé 24/7 Sans engagement RAL 5021 My City Box Lyon Self-stockage Accès smartphone Sécurisé 24/7
01
Logo — Déclinaisons
// Téléphone · Box icon · 4 fonds validés
My City Box
Sur Water Blue
My City Box
Sur fond noir
My City Box
Sur fond deep
My City Box
Sur fond clair
// Usage compact / favicon / app icon
02
Palette chromatique
// Water Blue RAL5021 dominant · Orange accent
01
Water Blue
RAL 5021 · #007B84
Couleur dominante
02
Deep
#005960
Fond sombre
03
Light
#00A3AE
Hover / liens
04
Orange
#FF6B35
Accent · CTA chaud
05
Pale
#B3DCE0
Texte secondaire
06
Blanc
#FFFFFF
Texte / contour
07
Nuit
#080C0C
Fond principal
!
Le Water Blue RAL5021 (#007B84) est la colonne vertébrale de l'identité. L'orange #FF6B35 intervient comme un coup de poing — une seule fois par composition, sur l'élément le plus important (bouton principal, accent logo, badge promo). Ces deux couleurs ensemble créent un contraste thermique chaud/froid immédiatement mémorable.
03
Typographie
// Anton · Archivo Black · DM Mono
Anton — Impact Display
STOCK
EZ
VITE.
Anton Regular · Uppercase strict
Titres hero, affiches, écrans large
Archivo Black — Sous-titres
Accès 7j/7.
Box dès demain.
Aucun engagement.
Phrases courtes, affirmations directes. Archivo Black pour tous les H2 et éléments de valeur produit.
Archivo Black 400 · Mixed case
Hiérarchie complète
H1 — Titre Hero
Anton · 72–160px
H2 — Titre Section
Archivo Black · 32–44px
H3 — Sous-titre interface
Archivo Black · 18–22px
Corps — Archivo Light, aéré, lisible sur fond Water Blue ou fond noir. Jamais compact, toujours de la respiration entre les lignes.
Archivo 300 · 14–16px
// Label mono — metadata · code · tag
DM Mono 400 · 9–11px
04
Boutons & CTAs
// Angles droits · Archivo Black · 0 border-radius
// Sur Water Blue — primaire
// Sur fond deep — secondaire
// Sur fond noir — contour blanc
// Orange — Urgence / Promo flash
05
Règles d'usage
// Ce qui fait le style · ce qui le brise
// À faire
  • →Le téléphone est toujours en portrait, jamais en paysage
  • →L'orange (#FF6B35) apparaît sur un seul élément par composition — la porte du logo, ou le CTA principal
  • →Anton en uppercase strict — jamais de mixed case, jamais en corps de texte
  • →Angles droits sur tous les éléments UI — le logo seul conserve ses coins arrondis (c'est un téléphone)
  • →La bande de couleur 4 segments (Water Blue / Orange / Blanc / Deep) peut être utilisée comme séparateur de section
  • →Utiliser le gap de 3px entre les blocs — signature du style
// À éviter
  • ✕Ne jamais déformer ou étirer le logo téléphone
  • ✕Jamais de dégradé — uniquement des aplats Water Blue, Deep ou noir
  • ✕Ne pas utiliser l'orange comme couleur de fond dominant — accent uniquement
  • ✕Pas de fond blanc pur — toujours le noir ou le Water Blue en fond de page
  • ✕Pas d'ombres portées ni d'effets de relief — brutalisme = flat
  • ✕Ne jamais utiliser Anton en dessous de 28px — en dessous, passer à Archivo Black