Charte graphique · B Électrique

Couleurs et dégradés

Le dégradé signe la marque, les couleurs unies portent la lecture. Violet électrique le jour, nuit violette le soir ; chaque contraste est vérifié.

00

L’univers en un coup d’œil

franchıplace
Trouvez la franchise qui vous ressemble
Chiffres sourcés, datés, comparables.
Trouver une franchise
Filtres
✓ Sans localReconversionServices
Apport personnel
[montant] €
Source : [source], [date]
Guide
Lire le document d’information précontractuel
Lire le guide
Sur nuit
[N] unités
Lilas pour les chiffres
01

Couleurs de base

Douze couleurs et quatre états. Le texte reste toujours en encre, ardoise ou blanc.

Marque
Électrique#3D5AFE
Repère, logo, dégradéBlanc dessus : 5,1 : 1
Lien#2F4BF0
Liens, chiffres clésSur blanc : 6,2 : 1
Violet#7C4DFF
Accent, cœur du dégradéBlanc dessus : 4,8 : 1
Violet profond#6536E8
Réussite, sélectionSur blanc : 6,5 : 1
Lilas#C39BFF
Fin du dégradé, accents sur nuitEncre dessus : 8,2 : 1 · blanc interdit
Nuit violette#1B0D45
Version sombre, en-têtesBlanc dessus : 17,6 : 1
Texte et surfaces
Encre#17112E
Texte, titresSur brume : 16,7 : 1
Ardoise#544C74
Texte secondaireSur brume : 7,2 : 1
Brume#F6F4FC
Fond de pageSurface
Blanc#FFFFFF
Cartes, champsSurface
Lavande#EEE9FF
Puces, fonds d’accentViolet 700 dessus : 7,3 : 1
Trait#E6E1F5
Bordures, séparateursDécor
États : jamais de vert, la réussite est violette
!Saisissez une adresse e-mail valide.
ErreurTexte #C62A2F · 4,9 : 1 sur son fond
!Chiffre de plus de 12 mois.
AlerteTexte #8A5A00 · 5,5 : 1 sur son fond
✓Candidature envoyée à [Enseigne].
RéussiteTexte #5127C4 · 7,3 : 1 sur son fond
iFiche rectifiable par le réseau.
InformationTexte #2F4BF0 · 5,4 : 1 sur son fond
02

La gamme violette

Onze nuances pour les fonds, bordures, survols et la version sombre, du 50 au 950.

50Fond doux#F6F3FF
100Lavande, puces#EEE9FF
200Bordure d’accent#DDD1FF
300Lilas#C39BFF
400Décor sur nuit#A07CFF
500Violet#7C4DFF
600Bouton, réussite#6536E8
700Texte de puce#5127C4
800Survol sombre#3D1D96
900Surface nuit#2A1866
950Nuit violette#1B0D45
03

Quatre dégradés, quatre rôles

Chaque dégradé a une fonction. Le dégradé signature ne porte jamais de texte.

Signature135° · #3D5AFE → #7C4DFF → #C39BFF
Logo, signe, grands visuels, publications.
✕Aucun texte dessus
Recevoir la documentation
Action120° · #2F4BF0 → #6536E8
Le bouton principal, un seul par écran.
✓Blanc gras, 16 px et plus
Le média
de la franchise
Nuit#1B0D45 + deux halos
En-tête d’accueil, pied de page, version sombre.
✓Blanc, lilas
Guides et lexique
Voile180° · #F1ECFF → #F6F4FC
Fond de section clair, bandeau de guide.
✓Encre, ardoise
04

Dégradé ou couleur unie ?

Le dégradé attire l’œil : il reste rare. Dès qu’il faut lire, la couleur est unie.

En dégradé
Le logo et son signe
Une seule grande zone par écran : en-tête, bandeau
Le bouton principal, un seul par écran
Les jauges de progression
Les visuels des réseaux sociaux
En couleur unie
Tous les textes, titres compris
Liens, boutons secondaires, puces, étiquettes
Champs, tableaux, cartes de fiche
Chiffres clés, graphiques, icônes de moins de 24 px
États : erreur, alerte, réussite
E-mails : dégradé dans l’en-tête seulement
15 % au plus
franchıplace
Un en-tête et un bouton : le reste de l’écran reste uni.
Boutons
CandidaterÊtre rappelé
✓Un principal, le reste uni
CandidaterÊtre rappelé
✕Deux boutons en dégradé
Titres
Franchises à petit apport
✓Titre en encre
Franchises à petit apport
✕Titre en dégradé
Texte sur un dégradé
Recevoir la documentation
✓Blanc gras sur Action
Mis à jour le [date], source : [source]
✕Petit texte sur le lilas
Chiffres et puces
[montant] €Sans local
✓Chiffre en bleu uni, puce lavande
[montant] €Sans local
✕Chiffre et puce en dégradé
05

Version sombre : nuit violette

Le noir laisse place à un violet très profond : il prolonge le dégradé et reste aussi lisible, blanc à 17,6 : 1. Les composants gardent leur forme.

Clair
[Logo]
[Enseigne]Services à la personne
Apport[montant] €
Unités[N]
CandidaterVoir la fiche
✓ Sans localReconversionMoins de 20 000 €
✓Candidature envoyée à [Enseigne].
Chaque chiffre est daté et relié à sa source publique.
Sombre · nuit violette
[Logo]
[Enseigne]Services à la personne
Apport[montant] €
Unités[N]
CandidaterVoir la fiche
✓ Sans localReconversionMoins de 20 000 €
✓Candidature envoyée à [Enseigne].
Chaque chiffre est daté et relié à sa source publique.
FondSurfaceTraitTexteTexte secondaireLiens, chiffresBouton principalSigne ClairBrume #F6F4FCBlanc #FFFFFF#E6E1F5Encre #17112EArdoise #544C74Lien #2F4BF0Dégradé ActionDégradé signature SombreNuit violette #1B0D45Violet 900 #2A1866#3D2C80Blanc #FFFFFFBrume nuit #CFC6F5Lilas #C39BFFDégradé ActionDégradé clair
06

Contrastes vérifiés

Rapports calculés selon les WCAG 2.2 : 4,5 : 1 au moins pour le texte (AA), 7 : 1 visé (AAA).

Aa Texte courant#17112E sur #F6F4FC 16,7AAA
Aa Texte sur carte#17112E sur #FFFFFF 18,2AAA
Aa Texte secondaire#544C74 sur #FFFFFF 7,9AAA
Aa Liens, chiffres clés#2F4BF0 sur #FFFFFF 6,2AA
Aa Puces#5127C4 sur #EEE9FF 7,3AAA
Aa Bouton principal (Action)#FFFFFF sur #2F4BF0 6,2 à 6,5AA
Aa Texte sur nuit violette#FFFFFF sur #1B0D45 17,6AAA
Aa Texte secondaire sombre#CFC6F5 sur #1B0D45 11,0AAA
Aa Chiffres et liens sombres#C39BFF sur #1B0D45 7,9AAA
Aa Message d’erreur#C62A2F sur #FFFFFF 5,6AA
Aa Message d’alerte#8A5A00 sur #FFFFFF 5,9AA
Aa Blanc sur violet : 16 px gras#FFFFFF sur #7C4DFF 4,8AA
Aa Jamais de blanc sur le lilas#FFFFFF sur #C39BFF 2,2Refusé