CHARTE
GRAPHIQUE
Le logo
Lexique :
- Le sigle désigne le "S" de Simplébo en version graphique, il est situé sur la partie gauche du logo.
- L’appellation correspond à la partie typographiée en police Gibson, qui inclut le nom complet de l'entreprise Simplebo.
- Enfin, le logo rassemble le sigle et l’appellation, dans un même bloc-marque.
Le logo est vectorisé et non modifiable
Typographie du logo :
Couleurs du logo :
#000066
C 100
M 98
J 21
N 31
R 0
V 0
B 102
#3333ff
C 82
M 74
J 0
N 0
R 51
V 51
B 255
Variantes du logo
Logo de base (horizontal)
(Cette version est à utiliser en priorité)
Logo vertical
Sigle
Logo sans sigle
Logo en blanc
(Uniquement quand l'utilisation du logo couleurs est illisible sur fond foncé)
Logo vertical en blanc
(Uniquement quand l'utilisation du logo couleurs est illisible sur fond foncé)
Sigle en blanc
(Uniquement quand l'utilisation du logo couleurs est illisible sur fond foncé)
Logo sans sigle en blanc
(Uniquement quand l'utilisation du logo couleurs est illisible sur fond foncé)
Règles d'utilisation du logo
Zone de protection
Le logo peut être disposé librement en respectant la zone de protection.
L'espace minimum est reprérenté par la largeur de la moitié du "o".
Utilisation du logo sur fond
Sur fond blanc / clair.
Sur image claire.
Sur fond foncé / coloré / couleurs proches de celles du logo.
Sur image foncée / très colorée / avec beaucoup de motifs.
Usages interdits
Déformer le logo.
Déplacer les éléments du logo.
Modifier les proportions des éléments du logo.
Changer la typographie du logo.
Changer les couleurs du logo.
Mettre le logo en version monochrome dans une autre couleur que noir ou blanc.
Mettre le logo sur un fond trop chargé ou coloré.
Mettre le logo en couleurs sur un fond de couleurs similaires à celles du logo.
Mettre le logo en couleurs sur un fond qui contraste mal avec celui-ci.
Mettre des éléments dans la zone de protection du logo.
Les couleurs
Palette principale (couleurs du logo) :
#000066
C 100
M 98
J 21
N 31
R 0
V 0
B 102
#3333ff
C 82
M 74
J 0
N 0
R 51
V 51
B 255
Palette secondaire :
#ffae38
C 0
M 36
J 88
N 0
R 255
V 174
B 56
#30c99d
C 67
M 0
J 53
N 0
R 48
V 201
B 157
#9966ff
C 57
M 65
J 0
N 0
R 153
V 102
B 255
#cd2639
C 13
M 99
J 82
N 3
R 205
V 38
B 57
#430778
C 88
M 100
J 16
N 13
R 67
V 7
B 120
#4e525d
C 70
M 60
J 48
N 28
R 78
V 82
B 93
Palette pour les fonds :
#deecfe
C 11
M 3
J 0
N 0
R 222
V 236
B 254
#d6f4eb
C 67
M 0
J 53
N 0
R 214
V 244
B 235
#ffefd7
C 0
M 5
J 15
N 0
R 255
V 239
B 215
#f3ecff
C 3
M 7
J 0
N 0
R 243
V 236
B 255
#ededee
C 6
M 4
J 4
N 0
R 237
V 237
B 238
#f7f7f7
C 2
M 1
J 1
N 0
R 247
V 247
B 247
Les couleurs complémentaires accompagnent le logo lors de la création de documents divers et d'éléments graphiques.
Les typographies
Du logo
Pour la communication : print + web
Titres :
Pour les titres classiques il faut privilégier les versions "Regular" et "Bold".
Les autres peuvent servir pour certaines présentations avec un design spécifique.
Textes :
Pour les textes classiques utiliser la typo en "Regular".
Les autres peuvent servir pour certaines présentations avec un design spécifique.
Éléments graphiques
Fonds graphiques
Exemples
Les fonds dans les teintes de bleu sont à privilégier, car ce sont les couleurs principales.
Les fonds d'autres couleurs peuvent servir pour varier occasionnellement, ou lorsque plusieurs fonds de couleurs différentes sont nécessaires, par exemple pour illustrer des prestations.
Éléments graphiques
Forme de "goute" issue du logo.
Cercle plein.
Cercle contour.
"Scintillement", pour mettre en évidence
un élément.
Ensemble de cercles.
Rectangles arrondis en diagonales.
(Ceci est un exemple de disposition, mais il y a plein d'options possible).
Traits / formes fluides.
(Ceci est un exemple de forme + disposition, mais il y a plein d'options possible).
Trait fluide pour souligner des mots / fins de mots importants.
(Ceci est un exemple de forme, le trait doit s'adapter à la taille des mots).
Ces éléments graphiques peuvent être utilisés dans toutes les couleurs de la palette (en favorisant celles dans les teintes bleues), de façon unie ou en dégradé léger.
Il est possible de mixer, superposer ou encore changer l'orientation des éléments tant que le rendu final reste lisible, épuré et cohérent avec les autres visuels de la charte.
Exemples d'utilisation des fonds et éléments graphiques (fictifs) :
Les illustrations
Les pictogrammes
Les photos
- Esprit corporate / start up.
- Images lumineuses avec des bureaux, ordinateurs, espaces de travails, clients satisfaits ...
- Ces images servent majoritairement à illustrer nos services et nos valeurs.
Bibliothèque interne
Bibliothèque externe
Création et référencement du site par
