SlideShare une entreprise Scribd logo
1  sur  18
Télécharger pour lire hors ligne
CHARTE GRAPHIQUE
JUILLET 2018
2
3
SOMMAIRE
PRÉSENTATION .............................................................. 4
LOGOTYPE ..................................................................... 5
LOGOTYPE COULEUR ET SA TAILLE MINIMUM ................ 6
L’ATTRIBUT GRAPHIQUE ................................................. 7
LOGOTYPE SUR FONDS DIVERS ...................................... 8 - 9
LOGOTYPE VERSION MONOCHROME .............................. 10
LOGOTYPE ET SON ESPACE DE RESPIRATION .................. 11
LOGOTYPE ET SA TYPOGRAPHIE ..................................... 12
DÉCLINAISONS ............................................................... 13
4
RÉVOLUTION
Pour la construction du logo nous avons choisi le visuel d’un papillon.
Le papillon évoque la régénération, la transformation et l’évolution.
Nous avons associé la métamorphose du papillon à l’origami : à partir d’une
feuille blanche, une base, nous arrivons à construire un projet, comme pour
le plan de formation proposé : le programme Révolution permet de former et
accompagner à la construction d’un projet de transformation digitale pour
chaque personne qui veut faire avancer son entreprise.
Révolution permettra de donner des bases à chaque inscrit pour créer, innover,
construire et arriver au but d’un projet d’avenir.
La métamorphose du papillon commence avec RÉVOLUTION !
PRÉSENTATION
5
LE LOGOTYPE
Nous avons utilisé la géométrie filaire
pour représenter le papillon.
Ce graphisme symbolise l’innovation,
les réseaux, les connexions et la construction.
Logotype à l’horizontal. Utilisé notamment
pour un affichage sur les smartphones.
6
LE LOGO COULEUR ET TAILLE MINIMUM
LES COULEURS
TAILLE MINIMUM
La taille du logo ne doit pas être inférieure à 10 mm.
Les couleurs ont été choisies en fonction du caractère Premium de la formation proposée par
Révolution.
Nous avons opté pour l’utilisation d’un dégradé du bleu au violet et du noir. Ce sont des
couleurs qui évoquent l’innovation, la fraîcheur, la qualité, le haut de gamme.
C 70 M 15 J 00 N 00
# 36a9e0
R 54 V 169 B 225
C 0 M 0 J 0 N 90
# 3c3c3b
R 60 V 60 B 59
10 mm
Dégradé bleu > violet
C 75 M 100 J 00 N 00
#6f2282
R 102 V 36 B 131
Anthracite
7
ATTRIBUT GRAPHIQUE
CONDITIONS D’UTILISATION
Cet attribut graphique peut être utilisé sur différentes applications à partir du moment où les règles d’utilisation ci-dessous sont respectées :
- ne jamais le déformer
- ne jamais l’utiliser à proximité directe du logotype Révolution
L’ATTRIBUT GRAPHIQUE
L’attribut graphique est une des ailes du logo.
Elle peut être utilisée sur différents supports, de préférence en transparence.
8
LE LOGOTYPE SUR FONDS DIVERS
LOGOTYPE SUR FOND DÉGRADÉ
Lorsqu’il est représenté sur des fonds en dégradé,
le logo est de préférence mis en blanc,
ou si le fond est très clair, le logo sera mis en noir.
9
LE LOGOTYPE SUR FONDS DIVERS
LOGOTYPE SUR FONDS DIVERS
Quand le fond est de couleur unie, le logo devra être représenté en blanc ou en noir.
Si le fond est de type photo, le logo sera représenté en négatif comme l’exemple ci-après.
Éviter d’utiliser le logo sur un fond trop chargé.
10
LOGO FONCÉ SUR FOND CLAIR	
LOGO CLAIR SUR FOND SOMBRE
C 0 M 0 J 0 N 0
# ffffff
R 255 V 255 B 255
LE LOGO MONOCHROME
C 15 M 15 J 15 N 100
# 000000
R 0 V 0 B 0
11
La raison d’être de ce périmètre est de maximiser
l’impact du logotype. C’est donc un espace dans
lequel aucun autre élément ne doit figurer.
Cet espace est proportionnel à la taille du
logotype.
Il est déterminé par la largeur du triangle « » du
papillon, qui fait partie du logo
CONSTRUCTION DU PÉRIMÈTRE
DE RESPIRATION
LE LOGOTYPE ET SON ESPACE DE RESPIRATION
Ac ne quis a nobis hoc ita dici forte miretur, quod alia
quaedam in hoc facultas sit ingeni, neque haec dicendi ratio
aut disciplina, ne nos quidem huic uni studio penitus um-
quam dediti fuimus. Etenim omnes artes, quae ad huma-
nitatem pertinent, habent quoddam commune vinculum, et
quasi cognatione quadam inter se continentur. Ac ne quis
a nobis hoc ita quis a nBorat lam dellenestio tem dolorrum,
simolore vellore quas rem. Eptatem poritatur? Vent offici
volupta sitatessitat faccus.
Sit estrum qui volor rehent lacesecturi blabo. Omniatis re-
perum acias acea cori doluptatibus ut accuscium volupta
nulpa et que cus dolupis am velit ped moloriae pa consect
inciet imporectio. Venim reicabo. Conecto modi od qui cus,
non earuptas aut atestibus, tem quia pere ratis atur? Qui
12
MODERN
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0
? , É é ê ô î ï à & . ; : / + = % ù £ @ # $
LE LOGOTYPE ET SA TYPOGRAPHIE
TYPOGRAPHIE LOGOTYPE
TYPOGRAPHIE BUREAUTIQUE
ET POUR LE SITE INTERNET
Roboto Regular
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0
? , É é ê ô î ï à & . ; : / + = % ù £ @ # $
Modern est la typographie choisie pour le mot
Révolution.
Des lignes épurées, rectilignes comme le logo, et
une graisse légère mais impactante.
Roboto Black
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0
? , É é ê ô î ï à & . ; : / + = % ù £ @ # $
Roboto Light
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0
? , É é ê ô î ï à & . ; : / + = % ù £ @ # $
13
LES DÉCLINAISONS
EN-TÊTE DE LETTRE ........................................................................... 14
ENVELOPPE .............................................................................................. 15
CARTE DE VISITE ................................................................................... 16
GOODIES & EXEMPLES DE DÉCLINAISONS ........................... 17
13
14
EN-TÊTE DE LETTRE SIMPLE ADRESSE
CONSTRUCTION
L’en-tête de lettre de Révolution comprend trois
éléments graphiques :
- le logotype Révolution en haut à gauche,
- le bloc adresse en haut à gauche,
- les mentions légales en bas au centre.
COORDONNÉES ET MENTIONS LÉGALES
Police : Roboto : 8 pt

Interlignage : 10 pt
1702, rue St-Priest
34090 Montpellier
Tél. (+33) 04 92 34 65 64
Siret : 325 221 729 00016 - GROUPE PROJET RCS Montpellier B 325 221 729
Montpellier, le 25 décembre 2017
Bonjour,
est, nimil incid que excerum accullat as sunt.
simus ma doluptas sercimusdae perovidi dicipis duntur aut rem quunt.
Axime mossita int facesci sitatqui de nienit, ommo consedion natemquia volorrum fugiatem
sae porionet atent qui cullenis eiunt laborep erferum lique plandit optae ne sinverum as et et
ea venist aut as am a velest ium vel et aut quia planda pro que nis rectus ament, con re re, cup-
-
-
-
Amet id quatemo loressi mporrumquae possi a nonse nes velecer ferior sus, suntemp oribus-
30 mm
15
Lorsqu’il est représenté sur les enveloppes, le logo-
type de l’agence s’exprime dans sa version couleur
de 50 mm d’hauteur.
L’espacement est à 15 mm du bord de l’enveloppe
CONSTRUCTION DU PÉRIMÈTRE
DE RESPIRATION
ENVELOPPE (220x110)
Entreprise
1111 avenue Saint-Lazare
34000 Montpellier
60 mm
16
CARTE DE VISITE RECTO VERSO (55 X 85 MM)
CONSTRUCTION
La carte de visite de Révolution comprend
un recto/verso :
- sur le recto, le logo en blanc sur un fond dégradé ;
- sur le verso, le nom, nr. portable, l’adresse e-mail 	
et le site internet sur un fond blanc ;
- l’attribut graphique à gauche des coordonnées ;
COORDONNÉES
Police : ROBOTO
Prénom, Nom - Light, Bold : 12 pt
Portable - Italic : 12 pt
Mail - Light : 8 pt
Site - Bold : 8 pt
Si le nom et prénom ne rentrent pas sur une ligne,
faire un saut de ligne pour le nom.
17
GOODIES & EXEMPLES DE DÉCLINAISONS
18
LOIDE SOUSA
MARION BARBIER
MORGANE BOITOT
QUENTIN MICHEL
WILFRIED ROVETTO

Contenu connexe

Similaire à REVOLUTION_Charte_Graphique_Shakr

Charte Graphique Le Musée des Faussaires
Charte Graphique Le Musée des FaussairesCharte Graphique Le Musée des Faussaires
Charte Graphique Le Musée des Faussaires
Agathe Lasfargues
 
Dossier de prod perf durable 1
Dossier de prod perf durable 1Dossier de prod perf durable 1
Dossier de prod perf durable 1
Groupe110
 
Dossier de pro
Dossier de proDossier de pro
Dossier de pro
Groupe110
 
Cours adobe photoshop cs v8.0-fr - conseils et astuces dexperts
Cours   adobe photoshop cs v8.0-fr - conseils et astuces dexpertsCours   adobe photoshop cs v8.0-fr - conseils et astuces dexperts
Cours adobe photoshop cs v8.0-fr - conseils et astuces dexperts
Mohamed Nouri
 

Similaire à REVOLUTION_Charte_Graphique_Shakr (20)

Ae msofts mascareignes ltd
Ae msofts mascareignes ltdAe msofts mascareignes ltd
Ae msofts mascareignes ltd
 
Portfolio stephane ruaut 2017
Portfolio stephane ruaut 2017Portfolio stephane ruaut 2017
Portfolio stephane ruaut 2017
 
Newsletter Août 2017 - Transtech
Newsletter Août 2017 - TranstechNewsletter Août 2017 - Transtech
Newsletter Août 2017 - Transtech
 
Charte Graphique Le Musée des Faussaires
Charte Graphique Le Musée des FaussairesCharte Graphique Le Musée des Faussaires
Charte Graphique Le Musée des Faussaires
 
Charte logotype Lycée Jean Moulin
Charte logotype Lycée Jean MoulinCharte logotype Lycée Jean Moulin
Charte logotype Lycée Jean Moulin
 
Book - Charlotte Bianchi - Chargée de communication
Book - Charlotte Bianchi - Chargée de communicationBook - Charlotte Bianchi - Chargée de communication
Book - Charlotte Bianchi - Chargée de communication
 
Projet Maltstrom, création d'une marque de bière artisanale et projet d'entre...
Projet Maltstrom, création d'une marque de bière artisanale et projet d'entre...Projet Maltstrom, création d'une marque de bière artisanale et projet d'entre...
Projet Maltstrom, création d'une marque de bière artisanale et projet d'entre...
 
Dossier de production groupe 110 skema lille
Dossier de production groupe 110 skema lilleDossier de production groupe 110 skema lille
Dossier de production groupe 110 skema lille
 
Ville-de-Nevers-Charte-graphique0000.pdf
Ville-de-Nevers-Charte-graphique0000.pdfVille-de-Nevers-Charte-graphique0000.pdf
Ville-de-Nevers-Charte-graphique0000.pdf
 
Dossier de prod perf durable 1
Dossier de prod perf durable 1Dossier de prod perf durable 1
Dossier de prod perf durable 1
 
Dossier de prod perf durable 1
Dossier de prod perf durable 1Dossier de prod perf durable 1
Dossier de prod perf durable 1
 
Dossier de pro
Dossier de proDossier de pro
Dossier de pro
 
Charte graphique Campus des sciences
Charte graphique Campus des sciencesCharte graphique Campus des sciences
Charte graphique Campus des sciences
 
Charte graphique
Charte graphiqueCharte graphique
Charte graphique
 
Dossier de prod perf durable
Dossier de prod perf durableDossier de prod perf durable
Dossier de prod perf durable
 
Dossier de production
Dossier de productionDossier de production
Dossier de production
 
Identité visuelle AS ESPCI
Identité visuelle AS ESPCIIdentité visuelle AS ESPCI
Identité visuelle AS ESPCI
 
Newsletter février 2017 - Transtech
Newsletter février 2017 - TranstechNewsletter février 2017 - Transtech
Newsletter février 2017 - Transtech
 
FabLab en entreprise, vers une diffusion des gouvernances sans hiérarchie ?
FabLab en entreprise, vers une diffusion des gouvernances sans hiérarchie ?FabLab en entreprise, vers une diffusion des gouvernances sans hiérarchie ?
FabLab en entreprise, vers une diffusion des gouvernances sans hiérarchie ?
 
Cours adobe photoshop cs v8.0-fr - conseils et astuces dexperts
Cours   adobe photoshop cs v8.0-fr - conseils et astuces dexpertsCours   adobe photoshop cs v8.0-fr - conseils et astuces dexperts
Cours adobe photoshop cs v8.0-fr - conseils et astuces dexperts
 

REVOLUTION_Charte_Graphique_Shakr

  • 2. 2
  • 3. 3 SOMMAIRE PRÉSENTATION .............................................................. 4 LOGOTYPE ..................................................................... 5 LOGOTYPE COULEUR ET SA TAILLE MINIMUM ................ 6 L’ATTRIBUT GRAPHIQUE ................................................. 7 LOGOTYPE SUR FONDS DIVERS ...................................... 8 - 9 LOGOTYPE VERSION MONOCHROME .............................. 10 LOGOTYPE ET SON ESPACE DE RESPIRATION .................. 11 LOGOTYPE ET SA TYPOGRAPHIE ..................................... 12 DÉCLINAISONS ............................................................... 13
  • 4. 4 RÉVOLUTION Pour la construction du logo nous avons choisi le visuel d’un papillon. Le papillon évoque la régénération, la transformation et l’évolution. Nous avons associé la métamorphose du papillon à l’origami : à partir d’une feuille blanche, une base, nous arrivons à construire un projet, comme pour le plan de formation proposé : le programme Révolution permet de former et accompagner à la construction d’un projet de transformation digitale pour chaque personne qui veut faire avancer son entreprise. Révolution permettra de donner des bases à chaque inscrit pour créer, innover, construire et arriver au but d’un projet d’avenir. La métamorphose du papillon commence avec RÉVOLUTION ! PRÉSENTATION
  • 5. 5 LE LOGOTYPE Nous avons utilisé la géométrie filaire pour représenter le papillon. Ce graphisme symbolise l’innovation, les réseaux, les connexions et la construction. Logotype à l’horizontal. Utilisé notamment pour un affichage sur les smartphones.
  • 6. 6 LE LOGO COULEUR ET TAILLE MINIMUM LES COULEURS TAILLE MINIMUM La taille du logo ne doit pas être inférieure à 10 mm. Les couleurs ont été choisies en fonction du caractère Premium de la formation proposée par Révolution. Nous avons opté pour l’utilisation d’un dégradé du bleu au violet et du noir. Ce sont des couleurs qui évoquent l’innovation, la fraîcheur, la qualité, le haut de gamme. C 70 M 15 J 00 N 00 # 36a9e0 R 54 V 169 B 225 C 0 M 0 J 0 N 90 # 3c3c3b R 60 V 60 B 59 10 mm Dégradé bleu > violet C 75 M 100 J 00 N 00 #6f2282 R 102 V 36 B 131 Anthracite
  • 7. 7 ATTRIBUT GRAPHIQUE CONDITIONS D’UTILISATION Cet attribut graphique peut être utilisé sur différentes applications à partir du moment où les règles d’utilisation ci-dessous sont respectées : - ne jamais le déformer - ne jamais l’utiliser à proximité directe du logotype Révolution L’ATTRIBUT GRAPHIQUE L’attribut graphique est une des ailes du logo. Elle peut être utilisée sur différents supports, de préférence en transparence.
  • 8. 8 LE LOGOTYPE SUR FONDS DIVERS LOGOTYPE SUR FOND DÉGRADÉ Lorsqu’il est représenté sur des fonds en dégradé, le logo est de préférence mis en blanc, ou si le fond est très clair, le logo sera mis en noir.
  • 9. 9 LE LOGOTYPE SUR FONDS DIVERS LOGOTYPE SUR FONDS DIVERS Quand le fond est de couleur unie, le logo devra être représenté en blanc ou en noir. Si le fond est de type photo, le logo sera représenté en négatif comme l’exemple ci-après. Éviter d’utiliser le logo sur un fond trop chargé.
  • 10. 10 LOGO FONCÉ SUR FOND CLAIR LOGO CLAIR SUR FOND SOMBRE C 0 M 0 J 0 N 0 # ffffff R 255 V 255 B 255 LE LOGO MONOCHROME C 15 M 15 J 15 N 100 # 000000 R 0 V 0 B 0
  • 11. 11 La raison d’être de ce périmètre est de maximiser l’impact du logotype. C’est donc un espace dans lequel aucun autre élément ne doit figurer. Cet espace est proportionnel à la taille du logotype. Il est déterminé par la largeur du triangle « » du papillon, qui fait partie du logo CONSTRUCTION DU PÉRIMÈTRE DE RESPIRATION LE LOGOTYPE ET SON ESPACE DE RESPIRATION Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, neque haec dicendi ratio aut disciplina, ne nos quidem huic uni studio penitus um- quam dediti fuimus. Etenim omnes artes, quae ad huma- nitatem pertinent, habent quoddam commune vinculum, et quasi cognatione quadam inter se continentur. Ac ne quis a nobis hoc ita quis a nBorat lam dellenestio tem dolorrum, simolore vellore quas rem. Eptatem poritatur? Vent offici volupta sitatessitat faccus. Sit estrum qui volor rehent lacesecturi blabo. Omniatis re- perum acias acea cori doluptatibus ut accuscium volupta nulpa et que cus dolupis am velit ped moloriae pa consect inciet imporectio. Venim reicabo. Conecto modi od qui cus, non earuptas aut atestibus, tem quia pere ratis atur? Qui
  • 12. 12 MODERN A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ? , É é ê ô î ï à & . ; : / + = % ù £ @ # $ LE LOGOTYPE ET SA TYPOGRAPHIE TYPOGRAPHIE LOGOTYPE TYPOGRAPHIE BUREAUTIQUE ET POUR LE SITE INTERNET Roboto Regular A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ? , É é ê ô î ï à & . ; : / + = % ù £ @ # $ Modern est la typographie choisie pour le mot Révolution. Des lignes épurées, rectilignes comme le logo, et une graisse légère mais impactante. Roboto Black A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ? , É é ê ô î ï à & . ; : / + = % ù £ @ # $ Roboto Light A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ? , É é ê ô î ï à & . ; : / + = % ù £ @ # $
  • 13. 13 LES DÉCLINAISONS EN-TÊTE DE LETTRE ........................................................................... 14 ENVELOPPE .............................................................................................. 15 CARTE DE VISITE ................................................................................... 16 GOODIES & EXEMPLES DE DÉCLINAISONS ........................... 17 13
  • 14. 14 EN-TÊTE DE LETTRE SIMPLE ADRESSE CONSTRUCTION L’en-tête de lettre de Révolution comprend trois éléments graphiques : - le logotype Révolution en haut à gauche, - le bloc adresse en haut à gauche, - les mentions légales en bas au centre. COORDONNÉES ET MENTIONS LÉGALES Police : Roboto : 8 pt  Interlignage : 10 pt 1702, rue St-Priest 34090 Montpellier Tél. (+33) 04 92 34 65 64 Siret : 325 221 729 00016 - GROUPE PROJET RCS Montpellier B 325 221 729 Montpellier, le 25 décembre 2017 Bonjour, est, nimil incid que excerum accullat as sunt. simus ma doluptas sercimusdae perovidi dicipis duntur aut rem quunt. Axime mossita int facesci sitatqui de nienit, ommo consedion natemquia volorrum fugiatem sae porionet atent qui cullenis eiunt laborep erferum lique plandit optae ne sinverum as et et ea venist aut as am a velest ium vel et aut quia planda pro que nis rectus ament, con re re, cup- - - - Amet id quatemo loressi mporrumquae possi a nonse nes velecer ferior sus, suntemp oribus- 30 mm
  • 15. 15 Lorsqu’il est représenté sur les enveloppes, le logo- type de l’agence s’exprime dans sa version couleur de 50 mm d’hauteur. L’espacement est à 15 mm du bord de l’enveloppe CONSTRUCTION DU PÉRIMÈTRE DE RESPIRATION ENVELOPPE (220x110) Entreprise 1111 avenue Saint-Lazare 34000 Montpellier 60 mm
  • 16. 16 CARTE DE VISITE RECTO VERSO (55 X 85 MM) CONSTRUCTION La carte de visite de Révolution comprend un recto/verso : - sur le recto, le logo en blanc sur un fond dégradé ; - sur le verso, le nom, nr. portable, l’adresse e-mail et le site internet sur un fond blanc ; - l’attribut graphique à gauche des coordonnées ; COORDONNÉES Police : ROBOTO Prénom, Nom - Light, Bold : 12 pt Portable - Italic : 12 pt Mail - Light : 8 pt Site - Bold : 8 pt Si le nom et prénom ne rentrent pas sur une ligne, faire un saut de ligne pour le nom.
  • 17. 17 GOODIES & EXEMPLES DE DÉCLINAISONS
  • 18. 18 LOIDE SOUSA MARION BARBIER MORGANE BOITOT QUENTIN MICHEL WILFRIED ROVETTO