Charte graphique · B Électrique

Le logo « La bouture »

Une pièce se détache du bloc pour fonder une nouvelle place ; on la retrouve en point du « i ». Le signe se dessine en relief, dans un dégradé à 7 calques, et se simplifie quand il rapetisse.

Version principale · tuile en relief sur nuit violette
#1B0D45
franchıplace
Une pièce se détache du bloc pour fonder une nouvelle place : le geste même de la franchise.
Sur fond clair
franchıplace
Sur le dégradé Signature
franchıplace
01

Ce que dit le signe

Aucun mot ni lettre collés : le sens passe par le geste (D-486, D-506).

1 · Le réseau d’origine
Un bloc plein, solide : la franchise mère, son savoir-faire, sa marque.
2 · La pièce se détache
Une part du bloc s’en va, tournée de 15° : un franchisé part fonder sa place. L’encoche garde sa trace.
franchıplace
3 · Elle devient le point du i
La même pièce ponctue le mot : la marque et le signe disent la même chose, sans lettre ajoutée.
02

Construction

Grille de 48 unités, celle des icônes d’application. Tout se mesure en unités de la tuile.

1
Le bloc
24 × 24 unités, coins de 5. Une encoche de 11 × 11 manque en haut à droite.
2
La place laissée
L’encoche, en pointillé ici : ses coins rentrants de 2 adoucissent la coupe.
3
La pièce
11 × 11, coins de 2,5. Elle sort de 5 unités vers la droite et de 9 vers le haut, puis tourne de 15°.
4
La tuile
48 × 48, coins de 11 en carré, ronde pour un avatar. Le signe occupe 82 % du cadre (74 % dans le rond), centré sur son contour pointillé lilas.
03

Le dégradé en 7 calques

Le fond Signature reste la base. 3 lumières le travaillent comme une matière, puis le verre, le relief et le halo donnent la profondeur.

A
Fond Signature
135° · #3D5AFE 0 % · #7C4DFF 55 % · #C39BFF 100 %
+
B
Bassin électrique
radial 70 % en bas à gauche · #3D5AFE à 65 %
+
C
Profondeur
radial 85 % en bas à droite · #5127C4 à 62 % : le lilas s’assombrit, le blanc reste lisible
+
D
Lumière
blanc à 34 % en haut à gauche · lilas #D6BAFF à 60 % en haut à droite
E
Liseré de verre
filet blanc à 50 % en haut, contour blanc à 20 %, ombre interne nuit à 22 %, voile de 16 % sur la moitié haute
+
F
Signe en relief
blanc vers #E9E2FF ; la pièce plus haute : ombre de 12 sur 240, le bloc de 4
+
G
Halo coloré
violet #7C4DFF à 50 % (70 % sur nuit) + électrique à 35 %, sous la tuile seulement
=
=
Le logo en relief
7 calques, 100 % CSS et SVG : aucun fichier image
04

3 niveaux de rendu

Plus le logo est petit, moins il porte de calques : il reste net à 16 px comme en grand.

Relief
96 px et plus
Icône d’application, avatar, scène d’accueil, image de partage. Tous les calques, halo compris.
Dégradé
24 à 95 px
En-tête, pied de page, signature d’e-mail. Le dégradé Signature seul, sans halo ni relief.
À plat
moins de 24 px · impression
Favicon, tampon, gravure, une couleur. Tuile Électrique unie, ou signe seul en nuit ou en électrique.
05

Versions et couleurs

Sur brume
#F6F4FC
Sur blanc
#FFFFFF
Sur nuit violette
halo à 70 %
Sur le dégradé
tuile blanche, signe violet 600
Signe seul, dégradé
sans tuile, dès 32 px
Signe seul, éclairci
#7B93FF · #A585FF · #E6D6FF
Une couleur, nuit
#1B0D45
Une couleur, blanc
sur électrique
06

Le mot et les assemblages

Assemblage horizontal
tuile = 1,18 × corps · écart 0,42 corps
franchıplace
Zone de protection en pointillé : la largeur d’une pièce tout autour (0,36 corps). Rien n’y entre, ni texte ni bord d’écran.
Assemblage vertical
sur nuit
franchıplace
franchıplace
point du i = la pièce
0,205 em · coins 0,048 em · 15°
Le mot
franchiplace en minuscules, Manrope 800, espacement −0,045 em. Le point du i est la pièce du signe : même carré arrondi, même angle de 15°.
Tailles minimales
Signe 16 px · tuile 20 px · mot seul 96 px de large · assemblage 120 px de large.
07

À ne pas faire

✕Recoller la pièce : le signe perd son sens
✕Changer l’angle : 15°, jamais autre
✕Tuile noire ou encre : jamais de noir
✕Ombre grise portée : seul le halo coloré
franchiplace
✕Mot en dégradé : le mot reste uni
✕Étirer ou déformer
✕Blanc sur lilas : contraste trop faible
FRANCHIPLACE
✕Capitales ou espacement modifié