Charte visuelle — Lyon — v1.0 — Sensoriel

My
City
Box

Une identité qui se ressent avant de se lire. Profondeur, lumière intérieure, matière invisible. Le self-stockage comme un espace de confiance — presque intime.

Canard profond Mauve crépuscule Safran discret Fraunces + Syne Sensoriel / Immersif
26
Creative Slashers · Lyon
ProfondDepth
CrépusculaireDusk
LumineuxGlowing
ConfiantTrust
DouxSoft
Palette chromatique

Des couleurs qu'on ressent

La scène atmosphérique
Canard Abyssal
#0D3740
fond des eaux dormantes
Canard Vif
#1B5E6B
reflet sur l'eau au soleil
Mauve Crépuscule
#7B5EA7
l'heure entre chien et loup
Safran
#E8A020
un rai de lumière dorée
Crème Chaud
#FAF3E8
papier ancien, lumière naturelle
Mauve Nuit
#4A3366
l'ombre sous le crépuscule
Canard
× Mauve
#0D3740 → #4A3366
Dégradé signature
Crème
× Safran
#EDE3D0 → #F5DCA8
Fond clair chaleureux
∿

Le mauve crépuscule est la couleur inattendue — celle qu'on ne voit jamais dans le self-stockage. Associé au canard profond, il crée une profondeur atmosphérique unique, presque cinématographique. Le safran n'apparaît qu'en accents rares, comme une lumière qui filtre. La règle : jamais deux couleurs vives ensemble, toujours une dominante sombre pour ancrer la composition.

Typographie

Des mots qui ont du poids

Fraunces — Display optique
Votre
espace,
gardé.
Fraunces 100–300 · Optique variable
Titres, hero, citations, noms de section
L'italique comme voix intérieure
Syne — Interface & Navigation
Accès 7j/7.
Zéro souci.
Syne pour les éléments fonctionnels — navigation, boutons, labels, infos pratiques. Son caractère géométrique sans-serif contraste parfaitement avec la douceur de Fraunces.
Syne 400 / 600 / 800
Labels, UI, CTA, navigation
Hiérarchie complète
H1 — Titre hero
Fraunces 100
72–148px
H2 — Titre de section
Fraunces 200
36–56px
H3 — Syne Bold
Syne 700
20px
Corps — DM Sans léger pour tout le contenu long. Aéré, doux, parfaitement lisible sur fond sombre. Letter-spacing naturel, jamais forcé.
DM Sans 300
14–16px
Label — Eyebrow — Metadata
Syne 600
9–11px uppercase
Sur fond clair
Ce qui
compte,
protégé.
Sur fond crème ou ivoire, le canard profond prend le relais. L'italique de Fraunces reste l'accent expressif, en mauve cette fois.
Même règle typographique · fond inversé
Déclinaisons logo

Une signature atmosphérique

Self-stockage · Lyon
My
City Box
Espace & Confiance
Atmosphérique sombre
Self-stockage · Lyon
My
City Box
Espace & Confiance
Dégradé signature
Self-stockage · Lyon
My
City Box
Espace & Confiance
Fond clair
Boutons & interactions

Des actions qui invitent

Primaire — Action principale
Canard — Action secondaire
Mauve — Tertiaire / informatif
Safran — Offre & mise en avant
Règles d'usage

Ce qui crée l'atmosphère

Ce qui nourrit l'identité
  • ∙Toujours laisser respirer — les marges généreuses sont la signature du style
  • ∙Utiliser Fraunces en italique comme voix émotionnelle, roman comme voix factuelle
  • ∙Superposer les couleurs en transparence — jamais en aplat brut côte à côte
  • ∙Le grain de texture est présent sur tous les fonds sombres — il donne de la matière
  • ∙Le safran n'apparaît qu'une fois par composition — c'est ce qui le rend précieux
  • ∙Photographier flou, en contre-jour, à heure bleue — l'ambiance prime sur la précision
Ce qui brise l'atmosphère
  • ∘Jamais de typographie sans-serif en titre — Fraunces est irremplaçable dans ce registre
  • ∘Éviter le blanc pur (#FFF) — toujours le crème chaud (#FAF3E8) pour préserver la douceur
  • ∘Ne pas utiliser mauve et safran ensemble — deux accents annulent l'effet de surprise
  • ∘Pas de bords tranchants ou d'angles brutalistes — tout doit suggérer, jamais imposer
  • ∘Ne jamais compresser ou étirer Fraunces — sa variable optique est calibrée
  • ∘Éviter les photos surexposées ou très contrastées — la lumière doit toujours être douce