Charte Graphique Officielle · Avril 2026
EASYGARAGE
CHARTE GRAPHIQUE
easygarage.fr · app.easygarage.fr · @easygarageapp
01 — Identité
Identité & Positionnement
Mission
Donner aux agences de location automobile un outil SaaS mobile-first pour gérer flotte, réservations, contrats et EDL — depuis leur téléphone.
Positionnement
Simple comme une app grand public. Professionnel comme un outil métier. L'antithèse du logiciel de gestion complexe.
Deux contextes visuels distincts
APP · APP.EASYGARAGE.FR
Fond beige crème · Cards blanches · Violet pour CTAs · Interface aérée, minimaliste
INSTAGRAM · @EASYGARAGEAPP
Fond violet/noir dégradé · Texte blanc · Accents orange/rouge · Mascotte astronaute 3D
02 — Couleurs
Palette de Couleurs
Primaires
Fonds
Sémantiques
- •Purple Core sur fond blanc ou beige uniquement
- •Blue #2563EB pour le bouton principal de l'app
- •Vert pour revenus · Rouge pour charges
- •Dégradé violet/noir réservé à Instagram
- •Mélanger fond beige et fond dégradé dans un même écran
- •Purple Mid #9A65E8 sur fond blanc (contraste insuffisant)
- •Orange pour autre chose qu'urgence/upsell
- •Plus de 2 couleurs sémantiques par vue
03 — Typographie
Système Typographique
Police titres
Titres et éléments visuels percutants — posts Instagram, headers. Impact fort, lisibilité maximale à grande taille.
Police interface
Corps de texte et interfaces. Lisibilité optimale en petit corps, native sur iOS et Android.
Bebas Neue · Display · 72px
Bebas Neue · H1 · 52px
Inter · Body · 16px · 400
Inter · Label · 12px · Gray
04 — Logo
Logo & Monogramme
EASYGARAGEFond sombre · InstagramEasygarageFond beige · App
App icon iOS/Android- •Monogramme toujours sur fond violet
- •Zone d'exclusion = 1× hauteur du logo
- •Taille minimum icône : 24px de diamètre
- •«Easygarage» (g minuscule) dans l'app
- •Monogramme sur fond clair sans container violet
- •Modifier les proportions du EG
- •Autre poids qu'Inter 800 pour le wordmark
- •Logo sur fond photographique sans overlay
05 — Composants
Composants UI
Boutons Pill — border-radius 100px
Badges de statut
06 — App UI
Composants App UI
Style réel de l'application easygarage — fond beige, cards blanches
Tableau de bord
État des lieux
Exemple KPI Cards — fond beige app
07 — Instagram
Communication Instagram
Posts @easygarageapp — format Problème → Solution → CTA
Post type 1 · Problème
Post type 2 · Solution
Post type 3 · CTA
Structure des posts
- Accroche — Texte choc, sans contexte
- Tension — Sous-titre gris, corps du problème
- Pivot — Texte rouge/orange, conséquence émotionnelle
- Mascotte — Réaction visuelle (inquiet / souriant / pointant)
- CTA — @easygarageapp ou easygarage.fr
Palette Instagram
08 — Mascotte
Mascottes Astronautes
Ils sont 3 : Commercial · Assistant Gestion · Business Analyst
Description
Personnage 3D — petit bonhomme en combinaison, casque de pilote avec visière, logo EG violet sur le casque. Style toy-like, rendu 3D mat. Utilisé exclusivement dans les posts Instagram — jamais dans l'interface app.
États expressifs
Règles d'usage
- →Toujours sur fond dégradé violet/noir
- →Logo EG violet visible sur le casque
- →Taille minimum : 40% de la hauteur du post
- →Jamais dans l'interface app
- →Jamais sur fond blanc ou beige
- →Expression cohérente avec le message
- →Positionnement : bas droite ou centre bas
09 — Voix & Ton
Voix et Ton
10 — Règles
Do's & Don'ts
- •Purple Core sur fond blanc ou beige uniquement
- •Bebas Neue pour les titres impactants Instagram
- •Boutons en pill (border-radius 100px)
- •Fond beige uniquement dans l'app
- •Mascotte avec logo EG visible sur le casque
- •Blue #2563EB pour le bouton principal de l'app
- •Purple Mid sur fond blanc (contraste insuffisant)
- •Mélanger fond beige et fond dégradé dans un même écran
- •Orange pour autre chose qu'urgence/upsell
- •Mascotte sur fond blanc ou beige
- •Plus de 2 couleurs sémantiques par vue
- •Modifier les proportions du logo
Contacts & Ressources
Contacts et Ressources