Charte identité visuelle

Charte identité visuelle
Avril 2015
Fichiers d’exécution
Lorsqu’un document est disponible
sous forme de fichier numérique
exécuté, il est signalé par le
pictogramme ci-dessous.
Connectez-vous au brand center
pour obtenir les fichiers.
brandcenter.engie.com
Fichiers
disponibles
2 - Charte Graphique ENGIE
Introduction
Cette charte doit nous permettre de déployer avec ambition et cohérence
notre nouvelle marque sur l’ensemble de ses expressions, partout dans le monde,
sur tout type de supports.
Les codes de notre communication évoluent pour enrichir la marque de modernité,
de proximité et de diversité.
1. Le logotype ENGIE, c’est un soleil qui se lève sur toute la planète, le symbole d’un
jour nouveau dans le monde de l’énergie.
La couleur bleue est lumineuse et franche, douce et puissante. Elle rappelle aussi
bien le bleu du gaz naturel que celui de l’électricité.
La typographie ENGIE nous est propre. Elle reste dans la continuité de ce que
nous connaissons et a été légèrement retravaillée pour avoir une écriture à la fois
humaine et chaleureuse, à l’image du grand groupe industriel que nous sommes.
2. Notre signature « by people for people » devient unique pour le monde entier.
Elle est plus que jamais au cœur de notre projet d’entreprise, c’est pourquoi nous
avons fait le choix de continuer à construire notre communication sur cet actif.
3. Notre territoire d’expression est le reflet de notre vision positive, sans cesse
réinventée pour favoriser la transition énergétique et répondre aux défis de l’avenir.
Nous l’avons traduite visuellement avec une ligne, qui, comme un flux, se propage
et évolue dans un camaïeu de couleurs pour relier tous les acteurs de l’énergie.
Cette palette de couleurs est le symbole d’un dynamisme et d’un engagement
collectif, solidaire et inventif.
Charte Graphique ENGIE - 3
4 - Charte Graphique ENGIE
SOMMAIRE
Les éléments de base
1.1 Le logotype ENGIE ..................................................................................................... 08
1.2 Le bloc-marque ENGIE .............................................................................................. 09
1.3 Les différentes versions .......................................................................................... 10
1.4 La taille minimale d’utilisation .............................................................................. 11
1.5 La zone de protection ............................................................................................... 12
1.6 Les interdits ................................................................................................................. 13
Les fondamentaux identitaires
2.1 La typographie corporate ........................................................................................ 16
2.2 La typographie d’accompagnement ..................................................................... 17
2.3 La typographie de substitution ............................................................................. 18
2.4
Les couleurs d’accompagnement .......................................................................... 19
2.5
La structure graphique ............................................................................................. 21
La papeterie
3.1 Les règles génériques ............................................................................................... 36
3.2 Le papier à en-tête .................................................................................................... 37
3.3 La carte de visite ........................................................................................................ 38
3.4 Les cartes de correspondance ................................................................................ 39
Les éditions externes
4.1
Les couvertures .......................................................................................................... 42
4.2
Les pages intérieures ................................................................................................ 44
4.3
Les quatrièmes de couvertures ............................................................................. 46
Les autres supports
5.1
Les applications corporate ...................................................................................... 50
5.2
Les applications signalétiques ............................................................................... 58
5.3 Les objets promotionnels ........................................................................................ 60
Charte Graphique ENGIE - 5
6 - Charte Graphique ENGIE
Les éléments de base
1.1
Le logotype ENGIE .............................................................................................. 08
1.2
Le bloc-marque ENGIE ....................................................................................... 09
1.3
Les différentes versions ................................................................................... 10
1.4
La taille minimale d’utilisation ....................................................................... 11
1.5
La zone de protection ........................................................................................ 12
1.6
Les interdits ......................................................................................................... 13
Charte Graphique ENGIE - 7
1 - les ÉlÉMeNTs De BAse
1.1 Le logotype eNGie
Un graphisme simple et universel
Le logotype ENGIE est l’élément fondamental et central
de l’identité graphique du Groupe : son dessin, ses
proportions et sa couleur sont invariables et intangibles,
et son utilisation répond à des normes strictes détaillées
dans cette charte.
Le logotype ENGIE est constitué du nom de la marque
composé dans une typographie spécifique et propriétaire,
surmontée d’un levé de soleil en dégradé. Le nom ENGIE
et le lever de soleil sont indissociables et ne doivent
jamais être utilisés séparément. Leur couleur bleu cyan
constitue la couleur corporate fondamentale du Groupe.
une version simplifiée du logotype est disponible lorsque
la reproduction du lever de soleil en dégradé est
impossible. Cette version doit demeurer strictement
exceptionnelle et ne doit être utilisée qu’en cas
d’impossibilité majeure liée aux contraintes techniques
spécifiques d’un support. Elle doit être soumise à une
validation préalable de la direction des Communications.
Dans un texte, le nom eNGIe s’écrit toujours en capitales ;
la typographie propre au logotype ne doit jamais être
utilisée pour aucun autre texte (titres, accroches, etc.).
Logotype ENGIE
Lever de soleil
Nom de la marque
Ne jamais utiliser la typographie
du nom ENGIE pour aucun
autre texte
PANTONE Process Cyan C
C 100 M 0 J 0 N 0
R 0 V 170 B 255
# 00AAFF
Version exceptionnelle en aplat
Fichiers
disponibles
8 - Charte Graphique eNGie
1 - les ÉlÉMeNTs De BAse
1.2 Le bloc-marque eNGie
le logotype et la signature « by people for people »
une signature de marque a été déterminée pour
accentuer notre message de proximité avec le public :
« by people for people* ».
Cette signature s’associe au logotype ENGIE afin de
constituer le bloc-marque ENGIE selon la configuration
présentée ci-dessous. La signature est composée en
typographie FF Clan medium, tout en bas de casse,
et apparaît dans la couleur corporate du Groupe.
dans un texte, la signature s’écrit également toujours
en bas de casse.
La signature de marque s’exprime uniquement en anglais.
Lorsque la législation l’exige, le bloc-marque apparaît
avec un astérisque qui renvoit à la traduction de la
signature en français (ou toute autre langue nationale)
sous forme d’une note plus bas ou en marge du support.
* par nous pour tous
Bloc-marque ENGIE
Bloc-marque avec astérisque
* par nous pour tous
Fichiers
disponibles
Charte Graphique eNGie - 9
1 - les ÉlÉMeNTs De BAse
1.3 Les différentes versions
les adaptations couleurs spécifiques
Autant que possible, le logotype et le bloc-marque
doivent être utilisés dans leur couleur bleue cyan
corporate sur fond blanc. toutefois, une version
en réserve blanche est possible pour les usages sur fonds
de couleurs denses ou photographiques qui viendraient
perturber leur lisibilité.
L’usage d’une version exceptionnelle du logotype
requiert une validation préalable de la direction des
Communications.
des versions monochromes noires sont également
disponibles pour les cas exceptionnels où des contraintes
techniques propres au support rendraient une
reproduction en couleur impossible.
Versions bleues corporate
Logotype
Bloc-marque
PANTONE Process Cyan C
C 100 M 0 J 0 N 0
R 0 V 170 B 255
# 00AAFF
Versions en réserve blanche
Logotype
Bloc-marque
BLANC
C0M0J0N0
R 255 V 255 B 255
# FFFFFF
Versions monochromes noires
Logotype
Bloc-marque
NOIR
C 0 M 0 J 0 N 100
R0V0B0
# 000000
Fichiers
disponibles
10 - Charte Graphique eNGie
1 - les ÉlÉMeNTs De BAse
1.4 La taille minimale d’utilisation
préserver la lisibilité
pour des raisons de lisibilité, le logotype et le blocmarque ne doivent jamais être utilisés à des tailles qui
rendraient difficile leur lisibilité ou leur identification :
Notez que ces tailles minimales s’entendent pour des
supports et des processus permettant une bonne qualité
de reproduction. En fonction des limites de certains
supports, elles peuvent devoir être augmentées afin de
préserver la lisibilité des éléments, en particulier lorsque
la signature apparaît.
- lorsqu’il est utilisé seul, le logotype ENGIE ne doit pas
être réduit de manière à ce que le nom ENGIE mesure
moins de 10 mm de long ;
- lorsque qu’il est utilisé conjointement avec la signature
sous forme de bloc-marque, l’ensemble ne doit pas être
réduit de manière à ce que le nom ENGIE mesure moins
de 15 mm de long.
Tailles minimales d’utilisation
Logotype seul
10 mm
minimum
Bloc-marque
15 mm
minimum
Charte Graphique eNGie - 11
1 - les ÉlÉMeNTs De BAse
1.5 La zone de protection
Un espace de respiration à respecter
Afin de préserver leur intégrité et ne pas perturber leur
visibilité, une zone de protection a été définie pour le
logotype et le bloc-marque : elle est égale à la moitié de
la hauteur du logotype ENGIE (lever de soleil inclus) tout
autour du logotype ou du bloc-marque.
L’espace ainsi délimité doit toujours rester vierge de tout
élément graphique ou typographique étranger au
logotype ou au bloc-marque.
Zone de protection
Logotype seul
H/2
H/2
H/2
H/2
H
Bloc-marque
H/2
H/2
H/2
H/2
H
H
12 - Charte Graphique eNGie
1 - les ÉlÉMeNTs De BAse
1.6 Les interdits
À ne pas faire !
Ci-dessous figurent quelques exemples d’usages
inappropriés du logotype ou du bloc-marque ENGIE.
Cette liste n’est pas exhaustive.
Ne pas déformer le logotype
Ne pas modifier les couleurs
Ne pas modifier la typographie
Ne pas placer le lever de soleil sous le nom
Ne pas descendre en dessous de la taille minimale
Ne pas utiliser le nom seul sans le lever de soleil
always at your side
by people
for people
by people for people
Ne pas modifier le texte de la signature
Ne pas composer la signature sur deux lignes
Ne pas modifier la typographie de la signature
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet
dolore magna
aliquam
erat
volutpat.
Ut wisi
enim ad
minim
veniam.
Ne pas appliquer sur un fond perturbant la lisibilité
Ne pas recomposer le bloc-marque
Ne pas empiéter sur la zone de protection
Charte Graphique eNGie - 13
14 - Charte Graphique ENGIE
Les fondamentaux identitaires
2.1
La typographie corporate ................................................................................ 16
2.2
La typographie d’accompagnement .............................................................. 17
2.3
La typographie de substitution ...................................................................... 18
2.4
Les couleurs d’accompagnement
• La palette principale ............................................................................................ 19
• La palette secondaire ........................................................................................... 20
2.5
La structure graphique
• Les éléments constitutifs ..................................................................................... 21
• La marge ................................................................................................................ 22
• Le placement et la taille du logotype ................................................................. 23
• Les curseurs .......................................................................................................... 24
• Le placement des textes ...................................................................................... 25
• Le flux multicolore .............................................................................................. 26
• Adaptation du flux selon les formats ................................................................. 27
• Adaptation du flux en tons monochromes ........................................................ 28
• Application sur fond cyan corporate ................................................................. 29
• Application du flux sur fonds bleus et verts ..................................................... 30
• Application du flux sur fonds oranges et violets .............................................. 31
• La trame de flux multicolore ............................................................................... 32
• Les trames de flux monochromes ...................................................................... 33
Charte Graphique ENGIE - 15
2 - les FONDAMENTAUX IDENTITAIRES
2.1 La typographie corporate
La Clan FF
Afin de renforcer la cohésion graphique de l’identité
ENGIE, un univers typographique précis a été déterminé :
la typographie corporate du Groupe est la Clan FF,
utilisable dans ses différentes graisses et versions
(roman ou italique). Cette famille de caractères doit
toujours être utilisée en priorité sur l’ensemble des
supports émanant du Groupe.
La typographie corporate peut être utilisée
indifféremment sur l’ensemble des supports aussi bien
pour le texte courant que pour les titres, les accroches
ou les mises en exergue.
La typographie Clan FF n’est pas téléchargeable sur le
brand center et doit être acquise auprès d’une fonderie
typographique conformément aux conditions
légales en vigueur ; se reporter à la procédure décrite sur
le brand center pour la marche à suivre.
brandcenter.engie.com
Clan FF
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèàêö$€%(“)[*@/+]…
Clan FF Thin
Clan FF Thin Italic
Clan FF Book
Clan FF Book Italic
Clan FF News
Clan FF News Italic
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$€%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$€%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$€%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$€%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$€%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$€%(“)@…
Clan FF Medium
Clan FF Medium Italic
Clan FF Bold
Clan FF Bold Italic
Clan FF Black
Clan FF Black Italic
Clan FF Ultra
Clan FF Ultra Italic
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$€%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$€%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$€%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$€%(“)@…
16 - Charte Graphique ENGIE
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$€%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$€%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$€%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$€%(“)@…
2 - les FONDAMENTAUX IDENTITAIRES
2.2 La typographie d’accompagnement
L’Helvetica Neue
En complément de la typographie corporate, une
typographie d’accompagnement peut être utilisée pour
diversifier l’univers typographique ENGIE : il s’agit de
l’Helvetica Neue, utilisable dans ses différentes graisses
et versions (roman ou italique).
La typographie d’accompagnement peut servir à
composer les textes courants alternativement avec la
Clan FF ; elle est en revanche déconseillée pour la
composition des titres et des accroches.
ÉCO-ÉDITION
Optimiser la mise en page des documents en utilisant au mieux
l’espace : taille des caractères, interlignage, marges…
Helvetica Neue
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèàêö$%(“)[*@/+]…
Helvetica Neue Thin
Helvetica Neue Thin Italic
Helvetica Neue Light
Helvetica Neue Light Italic
Helvetica Neue Roman
Helvetica Neue Roman Italic
Helvetica Neue Bold
Helvetica Neue Bold Italic
Helvetica Neue Heavy
Helvetica Neue Heavy Italic
Helvetica Neue Black
Helvetica Neue Black Italic
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$%(“)@…
Charte Graphique ENGIE - 17
2 - les FONDAMENTAUX IDENTITAIRES
2.3 La typographie de substitution
L’Arial
Pour éviter les problèmes techniques de compatibilité,
une typographie spécifique de substitution a été
déterminée pour les usages informatiques en bureautique
et en web : il s’agit de l’Arial, utilisable dans ses graisses
standard (Regular, italique, Bold et Bold italique).
On veillera donc à n’utiliser cette police que sur les
documents Word®, PowerPoint®, Excel®, etc. ainsi que sur
les supports destinés à être consultés en ligne via
Internet.
ÉCO-ÉDITION
Optimiser la mise en page des documents en utilisant au mieux
l’espace : taille des caractères, interlignage, marges…
Arial
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèàêö$%(“)[*@/+]…
Arial Regular
Arial Italic
Arial Bold
Arial Bold Italic
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$%(“)@…
Bureautique et web
uniquement
18 - Charte Graphique ENGIE
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$%(“)@…
abcdefghijklmnopqrstuvwxyz
1234567890.:=?!&éèêö$%(“)@…
2 - les FONDAMENTAUX IDENTITAIRES
2.4 Les couleurs d’accompagnement
La palette principale
Pour donner force et cohérence au territoire graphique
ENGIE, un univers coloriel précis a été délimité.
En complément du bleu corporate de base,
une palette de couleurs d’accompagnement est disponible
pour animer les différents supports de la marque :
fonds, textes, pictogrammes, etc. Ces couleurs sont toutes
issues du flux multicolore (voir page 26) et constituent la
palette des couleurs principales, qui doivent être utilisées
en priorité ; en cas de besoin ou dans certains cas
particuliers, une palette secondaire est également
disponible (voir page suivante).
Lors de l’usage des couleurs d’accompagnement, on
veillera à maintenir l’harmonie des tons et à ne pas
utiliser ensemble des couleurs susceptibles de rivaliser
ou de créer un contraste inélégant.
ÉCO-ÉDITION
Imprimer de préférence en quadrichromie plutôt qu’en tons
directs Pantone. Limiter les grands aplats de couleur.
Couleur corporate
PANTONE Process Cyan C
C 100 M 0 J 0 N 0
R 0 V 170 B 255
# 00AAFF
Couleurs d’accompagnement primaires
PANTONE 362 C
C 65 M 0 J 100 N 0
R 105 V 175 B 35
# 69AF23
PANTONE 348 C
C 100 M 10 J 100 N 0
R 0 V 135 B 55
# 008737
PANTONE 382 C
C 35 M 0 J 100 N 0
R 190 V 205 B 0
# BECD00
PANTONE 300 C
C 100 M 60 J 0 N 0
R 0 V 95 B 170
# 005FAA
PANTONE 116 C
C 0 M 25 J 100 N 0
R 255 V 195 B 0
# FFC300
PANTONE 186 C
C 0 M 100 J 100 N 0
R 225 V 0 B 25
# E10019
PANTONE 2685 C
C 80 M 100 J 0 N 0
R 85 V 35 B 130
# 552382
PANTONE 213 C
C 0 M 90 J 0 N 0
R 230 V 45 B 135
# E62D87
Charte Graphique ENGIE - 19
2 - les FONDAMENTAUX IDENTITAIRES
2.4 Les couleurs d’accompagnement
La palette secondaire
En complément des couleurs d’accompagnement
primaires, une palette de couleurs secondaires est à
disposition pour animer les supports. Ces couleurs sont
à utiliser en priorité conjointement avec les flux
monochromes (voir page 28) ; le reste du temps, on
veillera à ne les utiliser qu’avec parcimonie, les couleurs
de la palette primaire devant rester dominantes.
Couleurs d’accompagnement secondaires
PANTONE 7710 C
C 70 M 0 J 25 N 0
R 55 V 185 B 195
# 37B9C3
PANTONE 7693 C
C 100 M 60 J 40 N 0
R 0 V 90 B 120
# 005A78
PANTONE 346 C
C 50 M 0 J 50 N 0
R 145 V 200 B 150
# 91C896
PANTONE 7461 C
C 100 M 40 J 0 N 0
R 0 V 120 B 190
# 0078BE
PANTONE P. CYAN C
tramé à 60 %
C 60 M 0 J 0 N 0
R 95 V 195 B 235
# 5FC3EB
PANTONE 376 C
C 50 M 0 J 100 N 0
R 150 V 190 B 15
# 96BE0F
PANTONE 563 C
C 60 M 0 J 40 N 0
R 110 V 190 B 170
# 6EBEAA
PANTONE 562 C
C 100 M 0 J 50 N 30
R 0 V 120 B 115
# 007873
PANTONE 389 C
C 20 M 0 J 100 N 0
R 225 V 220 B 0
# E1DC00
PANTONE 7789 C
C 80 M 0 J 90 N 0
R 25 V 165 B 70
# 19A546
PANTONE 152 C
C 0 M 60 J 100 N 0
R 240 V 125 B 0
# F07D00
PANTONE 7628 C
C 15 M 90 J 100 N 25
R 170 V 45 B 25
# AA2D19
PANTONE 173 C
C 0 M 80 J 100 N 10
R 215 V 75 B 20
# D74B14
PANTONE 7656 C
C 50 M 100 J 0 N 0
R 145 V 15 B 125
# 910F7D
PANTONE 7657 C
C 70 M 100 J 50 N 0
R 110 V 40 B 85
# 6E2855
20 - Charte Graphique ENGIE
2 - les FONDAMeNTAUX IDeNTITAIRes
2.5 La structure graphique
les éléments constitutifs
Les documents ENGIE sont construits selon des éléments
graphiques bien précis :
- une marge qui fait tout le tour du format (voir page 22),
- le logotype ENGIE, sous sa forme standard ou de
bloc-marque avec signature, qui vient
systématiquement endosser tous les supports de
communication émis par le Groupe (voir page 23),
- le titre ou l’accroche du support, encadré par deux
curseurs (voir pages 24-25),
- le flux coloré, qui apparaît en pied de tous les supports,
en version multicolore ou monochrome selon la couleur
du fond (voir pages 26-31).
L’organisation de ces éléments graphiques entre eux est
décrite dans les pages suivantes.
Logotype ou bloc-marque
Marge
Curseur (haut)
Textes
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
aliqua est.
Sed do eiusmod tempor est
incididunt ut labore et dolore
magna aliqua. Ut enim admi
veniam sed do eiusmod tempo
incididunt ut labore et dolore.
Curseur (bas)
Flux
Charte Graphique eNGie - 21
2 - les FONDAMENTAUX IDENTITAIRES
2.5 La structure graphique
La marge
La structure graphique de base pour tout support ENGIE
(couverture, newsletter, présentation PowerPoint®, etc.)
intègre une marge constante qui fait tout le tour du
format et ne doit contenir aucun texte ni élément
graphique spécifique. Sa largeur est indexée sur la
largeur du support, comme indiqué sur les schémas
ci-dessous :
- sur un format vertical, la largeur de la marge est égale
à la largeur totale du format divisée par 12,
- sur un format horizontal, la largeur de la marge est
égale à la largeur totale du format divisée par 16.
Sur les formats exceptionnels (très allongés ou très
étroits, non rectangulaires, éléments de papeterie, etc.),
une adaptation spécifique de la marge pourra être
nécessaire afin de conserver la cohérence visuelle du
document avec la charte graphique.
Formats verticaux
L
L/12
Marge = largeur du format / 12
L/12
L/12
L/12
Formats horizontaux
L
L/16
Marge = largeur du format / 16
L/16
L/16
22 - Charte Graphique ENGIE
L/16
2 - les FONDAMeNTAUX IDeNTITAIRes
2.5 La structure graphique
le placement et la taille du logotype
Le logotype ENGIE, sous sa forme standard ou de blocmarque avec signature, vient endosser tous les supports
du Groupe. Il est toujours placé soit dans l’angle supérieur
droit, soit dans l’angle supérieur gauche. son principe de
calage est toujours le même : ferré sur la marge du
document, telle qu’elle est définie page précédente.
La taille du logotype est toujours indexée sur celle de la
marge : quel que soit le format, la hauteur du logotype
(lever de soleil + nom ENGIE) doit toujours être égale à la
largeur de la marge (hors signature dans le cas du
bloc-marque).
Afin de préserver la visibilité du logotype, une adaptation
spécifique est toutefois autorisée sur les supports
exceptionnels (très allongés ou très étroits, non
rectangulaires, etc.).
Le logotype ou le bloc-marque sera utilisé dans sa
couleur bleue corporate ou dans sa version en réserve
blanche selon la densité du fond sur lequel il apparaît,
de manière à assurer sa parfaite lisibilité.
Placement et dimensions du logotype et du bloc-marque
H
H
H
H
H
H
H
H
H
H
Lors du calcul de la taille
du bloc-marque, seuls le nom ENGIE
et le lever de soleil sont pris
en compte : la signature ne compte
pas dans la hauteur
Charte Graphique eNGie - 23
2 - les FONDAMeNTAUX IDeNTITAIRes
2.5 La structure graphique
les curseurs
Les curseurs sont deux petits segments aux extrémités
arrondis dont la taille et le placement sont directement
déduits des dimensions de la marge et du logotype (ou
du bloc-marque) selon les règles suivantes :
- la longueur des curseurs est égale à la taille de la
marge du document,
- l’épaisseur des curseurs est égale à la hauteur du point
du « i » du mot ENGIE,
- les extrémités des curseurs sont arrondies en demicercles,
- la couleur des curseurs doit être issue des palettes
d’accompagnement (voir pages 19-20),
- les curseurs sont placés du même côté que le logotype
(à gauche ou à droite) et calés comme lui sur la marge
du document,
- les curseurs fonctionnent toujours par paire et sont
toujours placés l’un en dessous de l’autre de manière à
encadrer le texte (voir page suivante) : ne pas utiliser
un curseur seul ou plus de deux,
- les curseurs peuvent être placés librement dans la
hauteur, tant que celui du haut est calé à au moins une
épaisseur de marge en dessous du logotype (ou du
bloc-marque) et celui du bas à au moins trois
épaisseurs de marge au-dessus du pied du document.
Construction des curseurs
H
H
H
Placement des curseurs
Avec logotype
Avec bloc-marque
Calage logotype + curseurs possible
à gauche ou à droite
Calage bloc-marque + curseurs possible
à gauche ou à droite
H
1 H minimum
H
1 H minimum
Placement libre
dans cet espace
Placement libre
dans cet espace
3 H minimum
3 H minimum
24 - Charte Graphique eNGie
2 - les FONDAMeNTAUX IDeNTITAIRes
2.5 La structure graphique
le placement des textes
Les textes qui figurent sur le support (titre, accroche, etc.)
doivent être ferrés à gauche ou à droite selon le
positionnement du logotype/bloc-marque et des curseurs.
Ils s’insèrent entre le curseur du haut et celui du bas
selon le principe illustré par les schémas ci-dessous (le
positionnement des curseurs devra donc être adapté
selon la longueur des textes afin de respecter les
espacements minimum et maximum). La taille des
caractères est libre et pourra être adaptée selon la
longueur des informations à faire figurer ; la typographie
recommandée est la typographie corporate Clan FF,
utilisable dans ses différentes graisses.
Les textes doivent être de la même couleur que les
curseurs. sur fond blanc ou photographique, n’importe
laquelle des couleurs des palettes est possible, tant que
les informations demeurent parfaitement visibles ; sur
fond en aplat, une gamme réduite sera utilisée (voir
pages 30-31 pour davantage de précisions sur les fonds
en aplats et les restrictions de couleurs spécifiques qui
s’appliquent).
Placement des textes
H
1/2 H minimum
H
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
7 H maximum
Lorem ipsum dolor sit amet
consectetuer adipiscing elit, sed diam
nonummy nibh euismod
H minimum
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Exemples
Sed do eiusmod
tempor incididunt ut
lorem ipsum
Sed do eiusmod
tempor incididunt ut
Lorem ipsum dolor sit amet
consectetuer adipiscing elit, sed diam
nonummy nibh euismod
Sed do eiusmod
tempor incididunt ut
lorem ipsum
onsectet adipiscing elit,
sed diam
nonummy nibh euismod
consectetuer adipiscing elit, sed diam
Charte Graphique eNGie - 25
2 - les FONDAMeNTAUX IDeNTITAIRes
2.5 La structure graphique
le flux multicolore
Le flux est un élément d’animation graphique majeur de
tout support ENGIE. Constitué d’une succession de
segments colorés dont les couleurs sont issues de la
palette d’accompagnement principale, il apparaît sur les
couvertures, affiches, présentations powerpoint®, etc.
émises par le Groupe. Le flux se positionne toujours en
pied de format, calé sur les marges inférieure et latérales.
L’ordre des couleurs des segments et la manière dont ils
se chevauchent doivent être préservés, mais leurs
proportions respectives peuvent varier selon les formats
(voir page suivante).
outre le flux multicolore qui peut s’appliquer sur tous les
fonds blancs ou photographiques, il existe une série de
flux spécifiques, construits sur le même principe mais
avec des combinaisons de couleurs différentes : ces flux
dits « monochromes » peuvent être utilisés
alternativement à la place du flux multicolore, tant que
leurs couleurs s’harmonisent bien avec le fond du
support (voir page 28-29).
Flux multicolore
PANTONE 362 C
C 65 M 0 J 100 N 0
R 105 V 175 B 35
# 69AF23
PANTONE 382 C
C 35 M 0 J 100 N 0
R 190 V 205 B 0
# BECD00
PANTONE 348 C
C 100 M 10 J 100 N 0
R 0 V 135 B 55
# 008737
PANTONE Process Cyan C
C 100 M 0 J 0 N 0
R 0 V 170 B 255
# 00AAFF
PANTONE 300 C
C 100 M 60 J 0 N 0
R 0 V 95 B 170
# 005FAA
PANTONE 116 C
C 0 M 25 J 100 N 0
R 255 V 195 B 0
# FFC300
PANTONE 348 C
C 100 M 10 J 100 N 0
R 0 V 135 B 55
# 008737
Placement du flux
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Lorem ipsum dolor sit amet
consectetuer adipiscing elit, sed diam
nonummy nibh euismod
Le flux se place
toujours en bas du format,
calé sur les marges
inférieure et latérales
Fichiers
disponibles
26 - Charte Graphique eNGie
PANTONE 213 C
C 0 M 90 J 0 N 0
R 230 V 45 B 135
# E62D87
PANTONE 186 C
C 0 M 100 J 100 N 0
R 225 V 0 B 25
# E10019
PANTONE 213 C
C 0 M 90 J 0 N 0
R 230 V 45 B 135
# E62D87
PANTONE 2685 C
C 80 M 100 J 0 N 0
R 85 V 35 B 130
# 552382
2 - les FONDAMeNTAUX IDeNTITAIRes
2.5 La structure graphique
Adaptation du flux selon les formats
Les dimensions du flux (longueur et hauteur) s’adaptent
selon le format du support sur lequel il apparaît :
- comme expliqué page précédente, la longueur du flux
est égale à l’espace intérieur délimité par la marge
tournante (soit 10/12e de la largeur du document pour
un format vertical et 14/16e pour un format horizontal),
- la hauteur du flux est égale à deux fois la hauteur d’un
curseur (soit deux fois le point du « i » du mot ENGIE).
Au sein du flux, la longueur des segments peut être
adaptée librement, dans la limite des contraintes
suivantes :
- l’ordre des couleurs doit être respecté,
- la longueur proportionnelle des segments les uns par
rapport aux autres peut être adaptée mais doit rester
cohérente avec le flux de référence (les grands
segments doivent demeurer plus grands que les petits,
même après l’adaptation),
- les extrémités des segments doivent toujours se
terminer en forme de demi-cercles parfaits : attention à
ne pas les déformer lors de l’adaptation du flux.
x
x
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Lorem ipsum dolor sit amet
consectetuer adipiscing elit, sed diam
nonummy nibh euismod
x
2x
Lors de l’adaptation du flux selon les formats, ne pas :
- modifier l’ordre des couleurs,
- inverser les rapports de proportions entre les segments,
- déformer les extrémités en demi-cercles des segments.
Charte Graphique eNGie - 27
2 - les FONDAMENTAUX IDENTITAIRES
2.5 La structure graphique
Adaptation du flux en tons monochromes
PANTONE Process Cyan C
C 100 M 0 J 0 N 0
R 0 V 170 B 255
# 00AAFF
PANTONE 7710 C
C 70 M 0 J 25 N 0
R 55 V 185 B 195
# 37B9C3
PANTONE 7461 C
C 100 M 40 J 0 N 0
R 0 V 120 B 190
# 0078BE
PANTONE 376 C
C 50 M 0 J 100 N 0
R 150 V 190 B 15
# 96BE0F
PANTONE 563 C
C 60 M 0 J 40 N 0
R 110 V 190 B 170
# 6EBEAA
Flux pour fond orange
PANTONE 152 C
C 0 M 60 J 100 N 0
R 240 V 125 B 0
# F07D00
PANTONE 7656 C
C 50 M 100 J 0 N 0
R 145 V 15 B 125
# 910F7D
PANTONE 173 C
C 0 M 80 J 100 N 10
R 215 V 75 B 20
# D74B14
PANTONE 213 C
C 0 M 90 J 0 N 0
R 230 V 45 B 135
# E62D87
PANTONE 2685 C
C 80 M 100 J 0 N 0
R 85 V 35 B 130
# 552382
28 - Charte Graphique ENGIE
PANTONE 186 C
C 0 M 100 J 100 N 0
R 225 V 0 B 25
# E10019
PANTONE 7657 C
C 70 M 100 J 50 N 0
R 110 V 40 B 85
# 6E2855
PANTONE 213 C
C 0 M 90 J 0 N 0
R 230 V 45 B 135
# E62D87
PANTONE 2685 C
C 80 M 100 J 0 N 0
R 85 V 35 B 130
# 552382
PANTONE 116 C
C 0 M 25 J 100 N 0
R 255 V 195 B 0
# FFC300
PANTONE 173 C
C 0 M 80 J 100 N 10
R 215 V 75 B 20
# D74B14
PANTONE 7656 C
C 50 M 100 J 0 N 0
R 145 V 15 B 125
# 910F7D
PANTONE 7657 C
C 70 M 100 J 50 N 0
R 110 V 40 B 85
# 6E2855
PANTONE 376 C
C 50 M 0 J 100 N 0
R 150 V 190 B 15
# 96BE0F
PANTONE 7789 C
C 80 M 0 J 90 N 0
R 25 V 165 B 70
# 19A546
PANTONE 152 C
C 0 M 60 J 100 N 0
R 240 V 125 B 0
# F07D00
PANTONE 7628 C
C 15 M 90 J 100 N 25
R 170 V 45 B 25
# AA2D19
PANTONE Process Cyan C
C 100 M 0 J 0 N 0
R 0 V 170 B 255
# 00AAFF
PANTONE 7461 C
C 100 M 40 J 0 N 0
R 0 V 120 B 190
# 0078BE
PANTONE 563 C
C 60 M 0 J 40 N 0
R 110 V 190 B 170
# 6EBEAA
PANTONE 562 C
C 100 M 0 J 50 N 30
R 0 V 120 B 115
# 007873
PANTONE 116 C
C 0 M 25 J 100 N 0
R 255 V 195 B 0
# FFC300
PANTONE 173 C
C 0 M 80 J 100 N 10
R 215 V 75 B 20
# D74B14
PANTONE 7710 C
C 70 M 0 J 25 N 0
R 55 V 185 B 195
# 37B9C3
PANTONE 7693 C
C 100 M 60 J 40 N 0
R 0 V 90 B 120
# 005A78
PANTONE 389 C
C 20 M 0 J 100 N 0
R 225 V 220 B 0
# E1DC00
PANTONE 7789 C
C 80 M 0 J 90 N 0
R 25 V 165 B 70
# 19A546
PANTONE 152 C
C 0 M 60 J 100 N 0
R 240 V 125 B 0
# F07D00
PANTONE 7628 C
C 15 M 90 J 100 N 25
R 170 V 45 B 25
# AA2D19
PANTONE 346 C
C 50 M 0 J 50 N 0
R 145 V 200 B 150
# 91C896
PANTONE 7461 C
C 100 M 40 J 0 N 0
R 0 V 120 B 190
# 0078BE
PANTONE 376 C
C 50 M 0 J 100 N 0
R 150 V 190 B 15
# 96BE0F
PANTONE 562 C
C 100 M 0 J 50 N 30
R 0 V 120 B 115
# 007873
PANTONE 116 C
C 0 M 25 J 100 N 0
R 255 V 195 B 0
# FFC300
Hormis le changement de couleurs, toutes les règles
propres au flux multicolore (construction générale,
positionnement, adaptation selon le format, etc.)
demeurent valides et s’appliquent également aux flux
monochromes. Toutes les nuances utilisées pour la
composition des flux monochromes sont issues des
palettes des couleurs principales et secondaires (voir
pages 19-20).
PANTONE Process Cyan C
C 100 M 0 J 0 N 0
R 0 V 170 B 255
# 00AAFF
PANTONE 7693 C
C 100 M 60 J 40 N 0
R 0 V 90 B 120
# 005A78
PANTONE 7789 C
C 80 M 0 J 90 N 0
R 25 V 165 B 70
# 19A546
Flux pour fond violet
Flux pour fond vert
Flux pour fond bleu
Le flux existe aussi sous forme de quatre variantes
monochromes qui peuvent être librement utilisées sur
l’ensemble des supports ENGIE en alternance avec la
version multicolore standard. Une version en nuances de
bleus, une version en nuances de verts, une version en
nuances de oranges et une version en nuances de violets
sont à disposition. Les variantes de flux monochromes
peuvent s’appliquer sans problème sur les fonds blancs ;
en revanche, sur fonds photographiques ou colorés,
on veillera à utiliser des versions de couleurs qui ne
nuisent pas à leur bonne visibilité.
PANTONE 2685 C
C 80 M 100 J 0 N 0
R 85 V 35 B 130
# 552382
PANTONE 186 C
C 0 M 100 J 100 N 0
R 225 V 0 B 25
# E10019
2 - les FONDAMENTAUX IDENTITAIRES
2.5 La structure graphique
Application sur fond cyan corporate
Sur un fond en aplat cyan corporate, une version
spécifique du flux monochrome bleu est utilisée : dans ce
cas particulier, les trois segments du flux eux-mêmes en
cyan corporate sont tramés à 60 % afin de demeurer
visibles sur l’aplat. Cette variante du flux monochrome
bleu est exclusivement réservée à cet usage et ne doit
jamais figurer sur aucun autre fond.
Voir page suivante pour davantage de précisions sur les
usages sur les divers fonds en aplats.
Flux monochrome bleu pour usage exclusif sur fond cyan corporate
PANTONE Process Cyan C
tramé à 60 %
C 60 M 0 J 0 N 0
R 95 V 195 B 235
# 5FC3EB
PANTONE 7461 C
C 100 M 40 J 0 N 0
R 0 V 120 B 190
# 0078BE
PANTONE 7710 C
C 70 M 0 J 25 N 0
R 55 V 185 B 195
# 37B9C3
PANTONE Process Cyan C
tramé à 60 %
C 60 M 0 J 0 N 0
R 95 V 195 B 235
# 5FC3EB
PANTONE 7693 C
C 100 M 60 J 40 N 0
R 0 V 90 B 120
# 005A78
PANTONE 346 C
C 50 M 0 J 50 N 0
R 145 V 200 B 150
# 91C896
PANTONE 7461 C
C 100 M 40 J 0 N 0
R 0 V 120 B 190
# 0078BE
PANTONE 7710 C
C 70 M 0 J 25 N 0
R 55 V 185 B 195
# 37B9C3
PANTONE 7693 C
C 100 M 60 J 40 N 0
R 0 V 90 B 120
# 005A78
PANTONE Process Cyan C
tramé à 60 %
C 60 M 0 J 0 N 0
R 95 V 195 B 235
# 5FC3EB
PANTONE 7461 C
C 100 M 40 J 0 N 0
R 0 V 120 B 190
# 0078BE
FOND CYAN CORPORATE
PANTONE Process Cyan C
C 100 M 0 J 0 N 0
R 0 V 170 B 255
# 00AAFF
Charte Graphique ENGIE - 29
2 - les FONDAMeNTAUX IDeNTITAIRes
2.5 La structure graphique
Application du flux sur fonds bleus et verts
quatre familles de fonds en aplats sont possibles pour
les couvertures des divers supports édités par le Groupe :
les aplats bleus, verts, oranges et violets (voir ci-dessous
pour les aplats bleus et verts, et page suivante pour les
aplats oranges et les violets). Ces différents tons ont été
spécifiquement définis pour être exclusivement utilisés
en aplats de fonds et ne sont par conséquent pas issus
des palettes de couleurs d’accompagnement (à l’exception
notable du cyan corporate qui, seul, peut être appliqué
de la sorte).
Chaque famille d’aplats doit impérativement être utilisée
avec le flux monochrome qui lui correspond : il est
interdit d’appliquer le flux multicolore ou un flux
monochrome d’une autre famille sur un fond en aplat.
on veillera toujours à attribuer aux textes et aux curseurs
une couleur issue du flux, tout en s’assurant de leur
parfaite lisibilité.
Rappel : sur fond en aplat cyan corporate, le flux bleu
spécifique éclairci est utilisé (voir page précédente).
sur les trois autres fonds bleus, le flux monochrome bleu
normal est appliqué.
Les aplats bleus
PANTONE Process Cyan C / C 100 M 0 J 0 N 0
R 0 V 170 B 255 / # 00AAFF
PANTONE 2118 C / C 100 M 100 J 0 N 0
R 25 V 40 B 130 / # 192882
PANTONE 5265 C / C 100 M 100 J 50 N 0
R 25 V 45 B 85 / # 192D55
PANTONE 7706 C / C 100 M 0 J 0 N 50
R 0 V 100 B 140 / # 00648C
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
PANTONE P. Cyan C tramé à 60 % / C 60 M 0 J 0 N 0
R 95 V 195 B 235 / # 5FC3EB
PANTONE 347 C / C 100 M 0 J 100 N 0
R 0 V 145 B 55 / # 009137
Les aplats verts
PANTONE 7721 C / C 100 M 40 J 50 N 30
R 0 V 90 B 95 / # 005A5F
PANTONE 350 C / C 75 M 0 J 100 N 70
R 15 V 75 B 20 / # 0F4B14
PANTONE 583 C / C 35 M 0 J 100 N 0
R 190 V 205 B 0 / # BECD00
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
30 - Charte Graphique eNGie
2 - les FONDAMeNTAUX IDeNTITAIRes
2.5 La structure graphique
Application du flux sur fonds oranges et violets
Ci-dessous figurent les deux familles d’aplats oranges et
violets utilisables en tant que fonds pour les supports
édités par le Groupe. Comme pour les familles des bleus
et des verts (voir page précédente), les flux spécifiques
oranges ou violets doivent être appliqués : il est interdit
d’appliquer le flux multicolore ou un flux monochrome
d’une autre famille sur ces fonds. on veillera toujours à
attribuer aux textes et aux curseurs une couleur issue du
flux, tout en s’assurant de leur parfaite lisibilité.
Les aplats oranges
PANTONE 173 C / C 0 M 80 J 100 N 0
R 230 V 80 B 20 / # E65014
PANTONE 7630 C / C 40 M 90 J 80 N 50
R 105 V 35 B 35 / # 692323
PANTONE 7624 C / C 30 M 100 J 80 N 40
R 125 V 20 B 35 / # 7D1423
PANTONE 2011 C / C 0 M 45 J 100 N 0
R 245 V 160 B 0 / # F5A000
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
Les aplats violets
PANTONE 7433 C / C 30 M 100 J 50 N 0
R 180 V 10 B 80 / # B40A50
PANTONE 2623 C / C 65 M 100 J 0 N 0
R 120 V 30 B 125 / # 781E7D
PANTONE 7664 C / C 70 M 100 J 0 N 23
R 90 V 25 B 110 / # 5A196E
PANTONE 675 C / C 20 M 100 J 0 N 0
R 200 V 0 B 125 / # C8007D
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
Charte Graphique eNGie - 31
2 - les FONDAMENTAUX IDENTITAIRES
2.5 La structure graphique
La trame de flux multicolore
Le flux peut être décliné sous forme de trame afin
d’animer de vastes espaces vierges d’informations ou
d’éléments graphiques ; c’est le seul cas où le flux peut
être dupliqué et utilisé en plusieurs exemplaires sur le
même support. Les règles de construction de base et les
couleurs demeurent identiques à celles du flux standard,
mais les segments peuvent être allongés ou réorganisés
librement de manière à éviter un rendu graphique
monotone.
La trame de flux multicolore
32 - Charte Graphique ENGIE
2 - les FONDAMENTAUX IDENTITAIRES
2.5 La structure graphique
Les trames de flux monochromes
La trame de flux par défaut est la version multicolore,
mais des versions monochromes peuvent également être
utilisées dans le cas de documents faisant eux-mêmes
appel à ces familles de nuances. Les couleurs utilisées
sont alors celles des flux monochromes tels qu’ils sont
présentés pages 28-29.
Exemples de déclinaisons de trames de flux monochromes
Exemple de déclinaison en vert
Exemple de déclinaison en orange
Charte Graphique ENGIE - 33
34 - Charte Graphique ENGIE
La papeterie
3.1
Les règles génériques ........................................................................................ 36
3.2
Le papier à en-tête ............................................................................................. 37
3.3
La carte de visite ................................................................................................. 38
3.4
Les cartes de correspondance ......................................................................... 39
Charte Graphique ENGIE - 35
3 - lA pApeTeRIe
3.1 Les règles génériques
les principes spécifiques à la papeterie
de par son caractère fortement institutionnel, la
papeterie ENGIE répond à quelques règles de
construction spécifiques qui la différencient du reste des
documents émis par le Groupe. Ces particularités sont
détaillées dans les pages qui suivent, mais les règles
transversales sont :
- une prédominance du bleu cyan corporate (couleur des
textes, des curseurs, du flux…),
- un mode de calcul des marges spécifiques,
- en conséquence, des proportions et un placement du
logotype et des divers éléments dans le format
différents de ceux des autres supports.
Les différents éléments de papeterie sont disponibles
sous forme de fichiers informatiques exécutés à
destination des imprimeurs. L’impression se fait en
quadrichromie.
Éléments de papeterie
Papier à en-tête
Carte de visite (recto)
Carte de visite (verso)
engie.com
Jean DUPONT
Executive Manager
M +33 (0)6 12 34 56 78
[email protected]
1, place Samuel de Champlain
Faubourg de l’Arche
92930 Paris La Défense Cedex
France
T +33 (1) 41 20 10 00
F +33 (1) 41 20 10 10
Carte de correspondance (grand format)
GDF SUEZ
1, place Samuel de Champlain
Faubourg de l’Arche
92930 Paris La Défense Cedex
France
T +33 (0) 1 44 22 00 00
engie.com
Carte de correspondance (petit format)
GDF SUEZ
1, place Samuel de Champlain, Faubourg de l’Arche
92930 Paris La Défense Cedex, France
T +33 (0) 1 44 22 00 00
GDF SUEZ : SA au capital de 2 435 285 011 euros
RCS Nanterre 542 107 651
Siège Social : 1, place Samuel de Champlain, 92400 Courbevoie, France
GDF SUEZ
1, place Samuel de Champlain
Faubourg de l’Arche
92930 Paris La Défense Cedex
France
T +33 (1) 44 22 00 00
engie.com
La raison sociale reste GDF SUEZ
Fichiers
disponibles
36 - Charte Graphique eNGie
3 - lA pApeTeRIe
3.2 Le papier à en-tête
Format 210 x 297 mm (A4)
Calcul de la marge sur ce document : largeur l / 14
En page de suite, seuls le logotype et le flux apparaissent,
les curseurs et les coordonnées ne sont pas repris en bas
de page. Le flux est alors utilisé sur toute la largeur selon
la règle habituelle.
La typographie utilisée sur le papier à en-tête est la
Clan FF News, dans un gris exclusivement réservé à la
papeterie. Le texte de saisie fait l’objet d’un masque
word® spécifique et se compose en Arial, noir 100 %.
Le papier à en-tête existe aussi en version format us
(215,9 mm x 279,4 mm).
Le papier à en-tête intègre le logotype ENGIE dans
sa couleur cyan corporate en haut à gauche du format,
calculé d’après les dimensions spécifiques de la marge.
Les curseurs sont exceptionnellement placés en bas de
format afin de laisser la place au texte de saisie et
encadrent le bloc adresse et les mentions légales,
composés sur deux colonnes. Le flux dans sa version
monochrome bleue figure en pied de page, dans le
prolongement du curseur inférieur (le flux n’est
exceptionnellement pas calé sur les marges latérales).
document présenté à 45 % de son format réel.
Marge = largeur du format L / 14 = 15 mm
L
L/14 = 15 mm
Gris typographie
spécifique papeterie
C 30 M 0 J 0 N 40
x
1
1
Logotype ENGIE en cyan
corporate, hauteur = L / 14
soit 15 mm
2
Curseurs en cyan corporate,
largeur = L / 14 soit 15 mm,
épaisseur égale au point du
« i » du logotype
3
Coordonnées en Clan FF News,
corps 7,5 pt, interlignage 10 pt,
gris, fer à gauche
4
Mentions légales en Clan FF
News, corps 6 pt, interlignage
8 pt, gris, fer à gauche
5
Flux en version monochrome
bleue, calé à 7,5 mm du
curseur inférieur à gauche et
sur la marge à droite,
épaisseur égale au point du
« i » du logotype
x
2
3
GDF SUEZ
1, place Samuel de Champlain, Faubourg de l’Arche
92930 Paris La Défense Cedex, France
T +33 (0) 1 44 22 00 00
2
4
5
GDF SUEZ : SA au capital de 2 435 285 011 euros
RCS Nanterre 542 107 651
Siège Social : 1, place Samuel de Champlain, 92400 Courbevoie, France
x
L/28 = 7,5 mm
Fichiers
disponibles
Charte Graphique eNGie - 37
3 - lA pApeTeRIe
3.3 La carte de visite
Format 90 x 55 mm
Calcul de la marge sur ce document : largeur l / 11
La typographie utilisée sur la carte de visite est la
Clan FF News, en cyan corporate et dans le gris réservé
aux textes de la papeterie.
La carte de visite intègre le logotype ENGIE dans
sa couleur cyan corporate en haut à gauche du format,
calculé d’après les dimensions spécifiques de la marge.
Les curseurs sont placés en dessous afin d’encadrer les
informations personnelles et les coordonnées, composées
sur deux colonnes. si la fonction nécessite plusieurs
lignes (jusqu’à quatre maximum), le curseur inférieur peut
être décalé vers le bas jusqu’à 3 mm du bord.
Au verso figurent un aplat cyan corporate et l’adresse du
site web, encadrée en haut et en bas par deux curseurs.
Le flux dans sa version monochrome bleue figure en pied
de page, dans le prolongement du curseur inférieur (le
flux n’est exceptionnellement pas calé sur les marges
latérales).
document présenté au format réel.
Marge = largeur du format L / 11 = 8,18 mm
L
L/11 = 8,18 mm
Gris typographie
spécifique papeterie
C 30 M 0 J 0 N 40
x
1
Recto :
x
2
3
Jean DUPONT
Executive Manager
M +33 (0)6 12 34 56 78
[email protected]
4
1, place Samuel de Champlain
Faubourg de l’Arche
92930 Paris La Défense Cedex
France
T +33 (1) 41 20 10 00
F +33 (1) 41 20 10 10
2
1
Logotype ENGIE en cyan
corporate, hauteur = L / 11
soit 8,18 mm
2
Curseurs en cyan corporate,
largeur = L / 11 soit 8,18 mm,
épaisseur égale au point du
« i » du logotype
3
Informations personnelles
(prénom et nom, fonction,
mobile et courriel) en Clan FF
News, corps 6,5 pt, interlignage
8 pt, cyan corporate (sauf
fonction en gris), fer à gauche
4
Coordonnées en Clan FF News,
corps 6,5 pt, interlignage 8 pt,
gris, fer à gauche
Minimum 3 mm
Verso :
2x
5
6
7
5
En cas de carte de visite bilingue, le verso bleu est remplacé
par une reprise du recto en version anglaise
38 - Charte Graphique eNGie
Curseurs verso en cyan
corporate tramé à 60 %,
largeur = L / 11 soit 8,18 mm,
épaisseur égale à deux fois
le point du « i » du logotype
6
Adresse du site Internet en
Clan FF News, corps 13,5 pt,
blanc, fer à droite aligné sur
la marge
7
Flux en version monochrome
bleue (version spécifique
éclaircie pour usage sur fond
cyan corporate, voir page 31),
calé sur la marge à gauche et à
4,09 mm du curseur inférieur
à droite, épaisseur égale à
deux fois le point du « i » du
logotype
engie.com
L/22 = 4,09 mm
Fichiers
disponibles
5
2x
3 - lA pApeTeRIe
3.4 Les cartes de correspondance
Formats 210 x 100 mm et 135 x 80 mm
Calcul de la marge sur le grand format : largeur l / 21
Calcul de la marge sur le petit format : largeur l / 15
Les cartes de correspondance existent en deux versions :
petit et grand format. Les deux intègrent le logotype
ENGIE dans sa couleur cyan corporate en haut à gauche
du format, calculé d’après les dimensions spécifiques de
leurs marges. Les curseurs sont placés en dessous afin
d’encadrer le bloc adresse et l’adresse Internet. Le flux
dans sa version monochrome bleue figure en pied de
page, dans le prolongement du curseur inférieur (le flux
n’est exceptionnellement pas calé sur les marges latérales).
La typographie utilisée sur ces documents est la
Clan FF News, en cyan corporate et dans le gris réservé
aux textes de la papeterie.
documents présentés à 45 % de leurs formats réels.
Grand format 210 x 100 mm
Marge = largeur du format L / 21 = 10 mm
L
L/21 = 10 mm
x
1
Gris typographie
spécifique papeterie
C 30 M 0 J 0 N 40
1
Logotype ENGIE en cyan
corporate, hauteur = L / 21
soit 10 mm
2
Curseurs en cyan corporate,
largeur = L / 21 soit 10 mm,
épaisseur égale au point du
« i » du logotype
3
Coordonnées en Clan FF News,
corps 6,5 pt, interlignage 8 pt,
gris, fer à gauche
4
Adresse du site Internet en
Clan FF News, corps 10 pt,
cyan corporate, fer à gauche
5
Flux en version monochrome
bleue, calé à 5 mm du curseur
inférieur à gauche et sur
la marge à droite, épaisseur
égale au point du « i » du
logotype
6
Logotype ENGIE en cyan
corporate, hauteur = L / 15
soit 9 mm
7
Curseurs en cyan corporate,
largeur = L / 15 soit 9 mm,
épaisseur égale au point du
« i » du logotype
8
Coordonnées en Clan FF News,
corps 6 pt, interlignage 7 pt,
gris, fer à gauche
9
Adresse du site Internet en
Clan FF News, corps 9 pt, cyan
corporate, fer à gauche
10
Flux en version monochrome
bleue, calé à 4,5 mm du
curseur inférieur à gauche et
sur la marge à droite,
épaisseur égale au point du
« i » du logotype
x
2
GDF SUEZ
1, place Samuel de Champlain
Faubourg de l’Arche
92930 Paris La Défense Cedex
France
T +33 (0) 1 44 22 00 00
3
engie.com 4
5
x
2
L/42 = 5 mm
Petit format 135 x 80 mm
Marge = largeur du format L / 15 = 9 mm
L
L/15 = 9 mm
x
6
x
7
GDF SUEZ
1, place Samuel de Champlain
Faubourg de l’Arche
92930 Paris La Défense Cedex
France
T +33 (1) 44 22 00 00
engie.com
9
7
L/30 = 4,5 mm
8
10
x
Fichiers
disponibles
Charte Graphique eNGie - 39
40 - Charte Graphique ENGIE
Les éditions externes
4.1
Les couvertures
• Construction .......................................................................................................... 42
• Exemples ............................................................................................................... 43
4.2
Les pages intérieures
• Construction .......................................................................................................... 44
• Exemples ............................................................................................................... 45
4.3
Les quatrièmes de couvertures
• Construction .......................................................................................................... 46
• Exemples ............................................................................................................... 47
Charte Graphique ENGIE - 41
4 - les ÉDITIONs eXTeRNes
4.1 Les couvertures
Construction
Les couvertures des éditions ENGIE sont construites selon
la structure graphique décrite au chapitre 2.
Elles intègrent la marge, le logotype (ou le bloc-marque
avec la signature de marque) dans l’un des angles
supérieurs du format, les curseurs encadrant le titre
du document et le flux, en version multicolore ou
monochrome selon le fond, en pied de page. Ci-dessous
figurent les principales cotes de construction des formats
A4 et A5 verticaux à titre indicatif.
Les couvertures peuvent au choix être gérées sur fond
blanc, sur fond d’aplat de couleur (à choisir parmi la liste
des fonds possibles pages 30-31) ou sur fond
photographique ; dans ce dernier cas, on privilégiera
un grand visuel unique s’étalant sur tout le format
(marges comprises), tout en veillant à choisir des couleurs
garantissant une bonne lisibilité pour les curseurs,
les textes et le flux. selon la densité du fond, le logotype
sera appliqué dans sa couleur cyan corporate ou en
réserve blanche.
documents présentés à 40 % de leurs formats réels.
Format A4 (210 x 297 mm)
Format A5 (150 x 210 mm)
210 mm
150 mm
12,5 mm
17,5 mm
12,5 mm
17,5 mm
12,5 mm
minimum
17,5 mm
minimum
1,4 mm
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
2 mm
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Lorem ipsum dolor sit amet
consectetuer adipiscing elit, sed diam
nonummy nibh euismod
1,4 mm
Lorem ipsum dolor sit amet
consectetuer adipiscing elit, sed diam
nonummy nibh euismod
37,5 mm
minimum
2,8 mm
12,5 mm
2 mm
12,5 mm
52,5 mm
minimum
4 mm
17,5 mm
17,5 mm
42 - Charte Graphique eNGie
17,5 mm
12,5 mm
4 - les ÉDITIONs eXTeRNes
4.1 les couvertures
exemples
Ci-dessous figurent quelques exemples de couvertures de
documents ENGIE réalisées selon les règles édictées dans
les pages précédentes. L’iconographie utilisée sur les
couvertures doit correspondre aux thèmes abordés par le
document et refléter les valeurs et l’énergie du Groupe :
évitez les prises de vues floues, ternes ou sous-exposées,
privilégiez les visuels lumineux et les compositions
dynamiques. reportez-vous aux instructions disponibles
sur le brandcenter pour davantage de détails sur l’univers
iconographique ENGIE : brandcenter.engie.com
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Lorem ipsum dolor sit amet
consectetuer adipiscing elit, sed diam
nonummy nibh euismod
d’une manière générale, veillez à ce que le
positionnement des curseurs encadre la partie la plus
importante du visuel de manière à créer une synergie
graphique intéressante entre la photographie, les
curseurs et les textes.
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Sed do eiusmod tempor incididunt ut
labore et dolore magna
Lorem ipsum dolor sit amet consectetuer adipiscing elit,
nonummy nibh euismod
Charte Graphique eNGie - 43
4 - les ÉDITIONs eXTeRNes
4.2 Les pages intérieures
Construction
Comme les couvertures, les pages intérieures sont
conçues selon une grille de construction bien définie telle
que présentée ci-dessous. Cette grille sert à définir les
marges, puis à caler les différents éléments textuels et
graphiques dans le format : titres, textes courants,
visuels, folios, animations graphiques, etc.
veillez à alterner les pages de texte avec des pages de
respiration réservées aux visuels ou aux aplats de
couleurs pleine page. Favorisez les mises en pages aérées
et agréables ainsi que les gammes de couleurs réduites
et harmonieuses : évitez les combinaisons chamarrées ou
tape-à-l’œil.
Le flux peut être utilisé en tant qu’animation graphique
dans les pages intérieures, mais cet usage doit demeurer
exceptionnel afin de ne pas diminuer son impact visuel.
Comme sur les couvertures, les curseurs pourront
apparaître afin d’encadrer les titres et les textes en
exergue.
Les typographies utilisées sont celles décrites pages 16-17
(Clan FF et helvetica Neue) et les couleurs sont issues
des palettes d’accompagnement principale et secondaire
(voir pages 19-20).
Grille de construction d’une double-page
L
L/27
Exemple d’application
Lorem ipsum
dolor sit amet,
consectetuer
adipiscing elit.
Paseter alemo
quam facilisis
rosa cunque.
vitae nulla in
sapien scele
risquo pretium.
Sit amet adipiscing nec rosa estam et ultra.
Lorem ipsum
dolor sit amet,
consectetuer
adipiscing elit.
Paseter alemo
quam facilisis
rosa cunque.
vitae nulla in
sapien scele
risquo pretium.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Paseter aliquam facilisis diam. Vitae cunque ut vitae nulla in
sapien scelerisquo pretium. In orci aliquet non ultricies luctus,
imperdiet eget leo. Integer aliquet sapien et pellentesque
egestas, lorem nunc porta vel portitor augue arcu tempor
quam. Ut fringilla placerat enim sed laore et rutrum nisle sed
ullam corper cursus. Aliquam semper sem non augue in feugiat
fermentum tellus. Sed adipiscing sagittis.
Adipiscing nec rosa estam.
Mauris ullamcorper aliquam massa. Praesent nunc donec
nonummy arcu in ullamcorper donec feugiat felis ac ligula. Duis
fringilla lacus id lacus proin suscipit in sit amet quam. Ut
vestibulum nisl in augue vestibulum sapien nam volutpat
consequat nulla. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia curae. Proin eget nisi eget
urna pulvinar variusn ulla lobortis consectetuer sapien.
Sit amet adipiscing nec rosa estam et ultra.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Paseter aliquam facilisis diam. Vitae cunque ut vitae nulla in
sapien scelerisquo pretium. In orci aliquet non ultricies luctus,
imperdiet eget leo. Integer aliquet sapien et pellentesque
egestas, lorem nunc porta vel portitor augue arcu tempor
quam. Ut fringilla placerat enim sed laore et rutrum nisle sed
ullam corper cursus. Aliquam semper sem non augue in feugiat
fermentum tellus. Sed adipiscing sagittis.
Adipiscing nec rosa estam.
Mauris ullamcorper aliquam massa. Praesent nunc donec
nonummy arcu in ullamcorper donec feugiat felis ac ligula. Duis
fringilla lacus id lacus proin suscipit in sit amet quam. Ut
vestibulum nisl in augue vestibulum sapien nam volutpat
consequat nulla. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia curae. Proin eget nisi eget
urna pulvinar variusn ulla lobortis consectetuer sapien.
Lorem ipsum
tempor incididunt ut
In orci aliquet non
ultricies ictus impe.
22
PASETER ALIQUAM ERAT FACILA VESTIBULUM
44 - Charte Graphique eNGie
Lorem ipsum
tempor incididunt ut
Sit amet adipiscing nec rosa estam et ultriciessed dolor. Crasa elementum
ultrices diam maecenas ligulam massa variusa est semper. Adipiscing nec
rosa estam et ultrici essed. dolor. Crasa elementum ultrices diam maecenas
ligulam massa variusa est semper congue euismo non miso congue.
In orci aliquet non
ultricies ictus impe.
22
PASETER ALIQUAM ERAT FACILA VESTIBULUM
Sit amet adipiscing nec rosa estam et ultriciessed dolor. Crasa elementum
ultrices diam maecenas ligulam massa variusa est semper. Adipiscing nec
rosa estam et ultrici essed. dolor. Crasa elementum ultrices diam maecenas
ligulam massa variusa est semper congue euismo non miso congue.
4 - les ÉDITIONs eXTeRNes
4.2 Les pages intérieures
exemples
Ci-dessous figurent quelques exemples de pages
intérieures conçues selon la grille de construction
présentée ci-contre. Il est recommandé de s’en servir
comme référence pour l’élaboration des éditions
émises par le Groupe.
ÉCo-ÉDItIoN
Optimiser la mise en page des documents en utilisant au mieux
l’espace : taille des caractères, interlignage, marges… utilisez les
grands aplats de couleur avec parcimonie.
Paseter est aliquam
facilae vestibulus
In orci aliquet non ultricies luctus,
imperdiet est eget leo. Sonteger
aliquet sapien et pel.
Lorem ipsum est dolor sit
amet, consectetuer adipis.
Lorem ipsum
dolor sit amet,
consectetuer
adipiscing elit.
Paseter alemo
quam facilisis
rosa cunque.
vitae nulla in
sapien scele
risquo pretium.
Lorem ipsum
dolor sit amet,
consectetuer
adipiscing elit.
Sit amet adipiscing nec rosa estam et
ultriciessed dolor. Crasa elementum ultrices
diam maecenas ligulam massa variusa est
semper.
Sit amet adipiscing nec rosa estam et
ultriciessed dolor. Crasa elementum
ultrices diam maecenas ligulam massa
variusa est semper. Adipiscing nec rosa
estam et ultrici essed. dolor. Crasa
elementum ultrices diam maecenas
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Paseter aliquam facilisis diam. Vitae cunque ut vitae nulla in
sapien scelerisquo pretium. In orci aliquet non ultricies luctus,
imperdiet eget leo. Integer aliquet sapien et pellentesque
egestas, lorem nunc porta vel portitor augue arcu tempor
quam. Ut fringilla placerat enim sed laore et rutrum nisle sed
ullam corper cursus. Aliquam semper sem non augue in feugiat
fermentum tellus. Sed adipiscing sagittis.
Mauris ullamcorper aliquam massa. Praesent nunc donec
nonummy arcu in ullamcorper donec feugiat felis ac ligula. Duis
fringilla lacus id lacus proin suscipit in sit amet quam. Ut
vestibulum nisl in augue vestibulum sapien nam volutpat
consequat nulla. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia curae. Proin eget nisi eget
urna pulvinar variusn ulla lobortis consectetuer sapien.
Quisque congue, leo eu tristique pulvinar, ante dui molestie
velit, eu laoreet massa lacus vel tellus. Vivamus est sapien,
gravida ac ullamcorper at mattis ut lectus.
Ut condimentum ullamcorper metus. Morbi enim augue,
feugiat et, scelerisque quis, porta viverra, arcu. Nam faucibus
tortor vel mauris ultricies fermentum. Aenean egestas. Etiam
scelerisque ornare erat. Mauris tempor interdum nisi aliquam
erat volutpat. Cras in sapien sed vel pede ut nisl eleifend
cursus maecenas accumsan congue mi. Donec neque pode,
feugiat eget, venenatis id, accumsan vitae justo. Sed vitae orci
22
Elementum ultrices diam
Sit amet adipiscing nec rosa estam et ultriciessed dolor.
Crasa elementum ultrices diam maecenas ligulam massa
variusa est semper. Adipiscing nec rosa estam eras et
ultrici essed. dolor. Crasa elementum ultrices est diam.
PASETER ALIQUAM ERAT FACILA VESTIBULUM
Paseter est aliquam
facilae vestibulus
Sit amet adipiscing nec rosa estam et
ultriciessed dolor. Crasa elementum ultrices
diam maecenas ligulam massa variusa est
semper.
In orci aliquet non ultricies
luctus, imperdiet est eget leo.
Sonteger aliquet sapien et pel.
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Paseter aliquam facilisis
diam. Vitae cunque ut vitae
nulla in sapien scelerisquo
pretium. In orci aliquet non
ultricies luctus, imperdiet
eget leo. Integer aliquet
sapien et pellentesque
egestas, lorem nunc porta
vel portitor augue arcu.
Mauris ullamcorper aliquam
massa. Praesent nunc
donec nonummy arcu in
ullamcorper donec feugiat
felis ac ligula. Duis fringilla
lacus id lacus proin suscipit
in sit amet quam. Ut
vestibulum nisl in augue
vestibulum sapien nam
volutpat consequat nulla.
Vestibulum ante ipsum
primis in faucibus orci luctus
et ultrices posuere cubilia
curae. Proin eget nisi eget
Praesent nunc donec
nonummy arcu in
ullamcorper donec feugiat
felis ac ligula. Duis fringilla
lacus id lacus proin suscipit
in sit amet quam.
Ut vestibulum nisl in augue
vestibulum sapien nam
volutpat consequat nulla.
Vestibulum ante ipsum
primis in faucibus orci luctus
et ultrices posuere cubilia
curae. Proin eget nisi eget
urna pulvinar variusn ulla
lobortis consectetuer sapien.
Quisque congue, leo eu
tristique pulvinar, ante dui
molestie velit, eu laoreet
massa lacus vel tellus.
Vivamus est sapien, gravida
ac ullamcorper at mattis ut
lectus. Ut condimentum
ullamcorper est metus.
Quisque congue, et leo eu
tristique pulvinar, ante.
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Paseter aliquam facilisis
diam. Vitae cunque ut vitae
nulla in sapien scelerisquo
pretium. In orci aliquet non
ultricies luctus, imperdiet
eget leo. Integer aliquet
sapien et pellentesque
egestas, lorem nunc porta
vel portitor augue arcu.
Mauris ullamcorper aliquam
massa. Praesent nunc
donec nonummy arcu in
ullamcorper donec feugiat
felis ac ligula. Duis fringilla
lacus id lacus proin suscipit
in sit amet quam. Ut
vestibulum nisl in augue
vestibulum sapien nam
volutpat consequat nulla.
Vestibulum ante ipsum
primis in faucibus orci luctus
et ultrices posuere cubilia
curae. Proin eget nisi eget
urna pulvinar variusn ulla
lobortis consectetuer sapien.
Quisque congue, leo eu
tristique pulvinar, ante dui
molestie velit, eu laoreet
massa lacus vel tellus.
Vivamus est sapien, gravida
ac ullamcorper at mattis ut
lectus. Ut condimentum
ullamcorper metus. Morbi
enim augue, feugiat et,
scelerisque quis, porta
viverra, arcu. Nam faucibus
tortor vel mauris ultricies
fermentum. Aenean egestas.
Etiam scelerisque ornare
erat. Mauris tempor
interdum nisi aliquam erat
volutpat. Cras in sapien sed
Praesent nunc donec
nonummy arcu in
ullamcorper donec feugiat
felis ac ligula. Duis fringilla
lacus id lacus proin suscipit
in sit amet quam. Ut
vestibulum nisl in augue
vestibulum sapien egestas,
lorem nunc portanam
volutpat consequat nulla.
Vestibulum ante ipsum
primis in faucibus orci luctus
et ultrices posuere cubilia
curae. Proin eget nisi eget
urna pulvinar variusn ulla
lobortis consectetuer sapien.
Quisque congue, leo eu
tristique pulvinar, ante dui
molestie velit, eu laoreet
massa lacus vel tellus.
Vivamus est sapien, gravida
ac ullamcorper at mattis ut
lectus. Ut condimentum
ullamcorper est metus.
Quisque congue, et leo eu
tristique pulvinar, ante.
Morbi enim augue, feugiat
et, scelerisque quis, porta
viverra, arcu. Nam faucibus
tortor vel mauris ultricies
fermentum. Aenean egestas.
Etiam scelerisque ornare
erat. Mauris tempor
interdum nisi aliquam erat
volutpat. Cras in sapien sed
vel pede ut nisl eleifend
cursus maecenas accumsan
congue mi. Donec neque
pode, feugiat eget, venenatis
id, accumsan vitae justo.
Sed vitae orci sit amet quam
viverra sagittis. Aliquam
mauris elit, laoreet id iaculis
In orci aliquet non ultricies
luctus, imperdiet est eget leo.
Sonteger aliquet sapien et pel.
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Paseter alemo quam facilisis.
Es orci aliquet non ultricies
luctus, imperdiet est eget leo.
Anteger aliquet sapien et pel
lentesque egestas, lore nunc.
PASETER ALIQUAM ERAT FACILA VESTIBULUM
23
Charte Graphique eNGie - 45
4 - les ÉDITIONs eXTeRNes
4.3 Les quatrièmes de couvertures
Construction
Les quatrièmes de couverture sont construites selon la
structure graphique décrite au chapitre 2, avec quelques
adaptations spécifiques. Elles intègrent la marge ainsi
que le flux placé en pied de page selon la règle habituelle,
mais le logotype est reporté en bas à gauche du format.
Les coordonnées apparaissent en vis-à-vis du logotype,
calées sur sa hauteur et ferrées à droite sur la marge
de droite.
si nécessaire, du texte peut figurer sur une quatrième de
couverture, encadré par les curseurs selon la règle
habutuelle.
Le fond des quatrièmes de couvertures est toujours
blanc, sans aplat de couleur ni visuel photographique.
Formats verticaux
L
L/12
Texte
(optionnel)
Lorem ipsum dolor sit amet
consectetuer adipiscing
elit, sed diam lorem ispum
nonummy nibh euismod
x
L/12
GDF SUEZ
1, pl. Samuel de Champlain, Faubourg de l’Arche
92930 Paris La Défense Cedex, France
T +33 (1) 41 20 10 00 - F +33 (1) 41 20 10 10
engie.com
1
2
L/12
2x
L/12
L/12
L/12
Formats horizontaux
L
L/16
Texte (optionnel)
Lorem ipsum dolor sit amet consectetuer adipiscing
elit, sed diam lorem ispum nonummy euismod
x
GDF SUEZ
1, pl. Samuel de Champlain, Faubourg de l’Arche
92930 Paris La Défense Cedex, France
T +33 (1) 41 20 10 00 - F +33 (1) 41 20 10 10
engie.com
1
2
2x
L/16
L/16
46 - Charte Graphique eNGie
L/16
1
Coordonnées en Clan News,
corps et interlignage variables
selon format du document,
gris N 60 %, fer à droite aligné
sur la marge
2
Adresse du site Internet en
Clan News, corps et
interlignage variables selon
format du document (environ
le double du corps utilisé pour
les coordonnées au-dessus),
cyan corporate, fer à droite
aligné sur la marge
4 - les ÉDITIONs eXTeRNes
4.3 Les quatrièmes de couvertures
exemples
Ci-dessous figurent quelques exemples de quatrièmes
de couvertures de documents ENGIE réalisées selon
les règles édictées ci-contre. La couleur du flux est libre,
ce dernier pouvant être utilisé au choix dans sa version
multicolore ou dans l’une de ses déclinaisons
monochromes, selon les choix coloriels de la couverture.
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Sed do eiusmod
tempor incididunt ut
labore et dolore magna
Lorem ipsum dolor sit amet
consectetuer adipiscing elit, sed diam
nonummy nibh euismod
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
Lorem ipsum dolor
sit amet
Lorem ipsum dolor sit amet
consectetuer adipiscing elit, sed diam
lorem ipsum sit amet
GDF SUEZ
1, pl. Samuel de Champlain, Faubourg de l’Arche
92930 Paris La Défense Cedex, France
T +33 (1) 41 20 10 00 - F +33 (1) 41 20 10 10
engie.com
GDF SUEZ
1, pl. Samuel de Champlain, Faubourg de l’Arche
92930 Paris La Défense Cedex, France
T +33 (1) 41 20 10 00 - F +33 (1) 41 20 10 10
engie.com
Sed do eiusmod tempor incidunt
labore et dolore magna
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Sed do eiusmod tempor incidunt
labore et dolore magna
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam
Lorem ipsum dolor sit amet consectetuer
adipiscing elit,
nonummy nibh euismos
GDF SUEZ
1, pl. Samuel de Champlain, Faubourg de l’Arche
92930 Paris La Défense Cedex, France
T +33 (1) 41 20 10 00 - F +33 (1) 41 20 10 10
engie.com
Charte Graphique eNGie - 47
48 - Charte Graphique ENGIE
Les autres supports
5.1
Les applications corporate
• Le dossier de presse ............................................................................................ 50
• La chemise générique .......................................................................................... 51
• Le communiqué interne ....................................................................................... 52
• Le communiqué de presse ................................................................................... 53
• La newsletter ........................................................................................................ 54
• Le masque PowerPoint® ...................................................................................... 55
• La signature courriel ............................................................................................ 56
• L’identité sonore ................................................................................................... 57
5.2
Les applications signalétiques
• Règles spécifiques aux supports verticaux étroits ........................................... 58
• Les kakémonos ..................................................................................................... 59
5.3
Les objets promotionnels ................................................................................. 60
Charte Graphique ENGIE - 49
5 - les AUTRes sUppORTs
5.1 Les applications corporate
le dossier de presse 215 x 310 mm
Le dossier de presse consiste en une chemise dotée d’une
tranche et de rabats pouvant accueillir plusieurs
documents de taille A4 ou inférieure. La couverture du
dossier de presse est construite selon la structure
habituelle des couvertures d’édition (voir p. 21-31) et
intègre la marge, le logotype en version bloc-marque
ainsi que le nom du document entre deux curseurs.
Le fond peut être au choix blanc, en aplat de couleur ou
constitué d’un visuel photographique plein format.
Afin de donner plus de force à la prise de parole d’ENGIE,
le logotype est exceptionnellement grossi sur ce support,
sa hauteur étant portée à L/10 au lieu des L/12 habituels.
pour les mêmes raisons, les dimensions et le calage du
flux peuvent eux aussi être exceptionnellement grossis et
empiéter sur les marges de manière à optimiser l’impact
visuel de la couverture.
Le dos du dossier de presse accueille le bloc-marque dans
des dimensions identiques à la couverture, suivi du texte
de circonstance entre les curseurs et enfin de l’adresse
Internet en bas de page.
L’intérieur du document peut au choix accueillir soit un
aplat de couleur issue des palettes d’accompagnement,
soit une trame de flux de taille variable selon le rendu
graphique souhaité.
L = 215 mm
L/10 = 21,5 mm
x = 2,45 mm
2,45 mm
Intérieur
2,45 mm
2x = 4,9 mm
Exemples de variantes de dossiers de presse
Flux et trame
exceptionnellement
grossis
Fichiers
disponibles
50 - Charte Graphique eNGie
5 - les AUTRes sUppORTs
5.1 Les applications corporate
la chemise générique 215 x 310 mm
La chemise générique est destinée aux divers usages
qui ne nécessitent pas d’identification particulière en
couverture. Elle est de même format que le dossier
de presse (voir ci-contre) et possède également une
tranche et des rabats pour contenir des documents A4.
sa couverture est construite selon les mêmes règles
que celles décrites page précédente, mais elle ne
comporte ni titre, ni curseurs, afin de conserver son
caractère polyvalent. Comme le dossier de presse,
la chemise générique peut exister avec un fond blanc,
un fond en aplat de couleur ou un visuel photographique
plein format.
Au dos, seuls le bloc-marque et l’adresse Internet
apparaissent. L’intérieur peut être constitué soit d’un
aplat de couleur, soit d’une trame de flux de dimensions
variables.
L = 215 mm
L/10 = 21,5 mm
x = 2,45 mm
Intérieur
Exemples de variantes de chemises génériques
Fichiers
disponibles
Charte Graphique eNGie - 51
5 - les AUTRes sUppORTs
5.1 Les applications corporate
le communiqué interne A4
Le communiqué interne est contruit selon la structure
graphique décrite au chapitre 2. Il intègre la marge, le
logotype ENGIE dans l’angle supérieur gauche, les
curseurs encadrant le nom du document et le flux
multicolore en pied de page. En outre, le communiqué
interne fait l’objet de deux adaptations graphiques
spécifiques :
- entre les curseurs, le nom du document est précédé
d’une frise graphique symbolisant nos activités
construite sur la base du flux multicolore,
- le calage du flux est exceptionnellement surélevé afin
de laisser la place aux coordonnées en pied de page.
La typographie utilisée pour les textes (nom du
document, titre, chapô, saisie, etc.) est celle des
applications bureautiques, l’Arial dans ses différentes
versions (voir page 18). La saisie se fait en noir,
mais les textes importants peuvent être mis en exergue
grâce aux couleurs issues des palettes.
En pages de suite, le logotype réapparaît en haut
à gauche, de même que le flux et les coordonnées
en bas de page. tout le reste du format est consacré
au texte de saisie.
Première page
Pages de suite
210 mm
17,5 mm
17,5 mm
78 mm
17,5 mm
2 mm
Communiqué interne
Lorem ipsum dolor sit amet, consectetuer adipiscing elit paseter aliquam facilisis diam.
Et orci aliquet non integer quis metus vitae elit lobortis egest asultricies luctus impes.
2 mm
Lorem ipsum dolor sit amet, consectetuer adipiscing elit paseter aliquam facilisis diam,
et orci aliquet non integer quis metus vitae elit lobortis egest asultricies luctus impes.
Senteger aliquet sapien et pellente egestas lorem nunc porta vel portitor augue arcusam
eram euismod non mi proin et porttitor.
Lorem ipsum dolor sit eras nunc amet,
consectetuer adipiscing est.
Maecenas ligula massa variusa semper congue, euismod non mi proin et porttitor, orci
nec estiam est molestie enim est eleifend non fermentum.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit paseter aliquam facilisis diam.
Et orci aliquet non integer quis metus vitae elit lobortis egest asultricies luctus impes.
Muis semper duis arcu massa, scelerisque. Maecenas ligula massa variusa semper cong,
eram euismod non mi proin et porttitor, orci nec nonummy molestie enim est eleif
end non fermentum rosae est sit amet erat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit paseter aliquam facilisis diam,
et orci aliquet non integer quis metus vitae elit lobortis egest asultricies luctus impes.
Senteger aliquet sapien et pellente egestas lorem nunc porta vel portitor augue arcusam
eram euismod non mi proin et porttitor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit paseter aliquam facilisis diam,
et orci aliquet non integer quis metus vitae elit lobortis egest asultricies luctus impes.
Senteger aliquet sapien et pellente egestas lorem nunc porta vel portitor augue arcusam
eram euismod non mi proin et porttitor.
Maecenas ligula massa variusa semper congue, euismod non mi proin et porttitor, orci
nec estiam est molestie enim est eleifend non fermentum.
Maecenas ligula massa variusa semper congue, euismod non mi proin et porttitor, orci
nec estiam est molestie enim est eleifend non fermentum.
Muis semper duis arcu massa, scelerisque. Maecenas ligula massa variusa semper cong,
eram euismod non mi proin et porttitor, orci nec nonummy molestie enim est eleif
end non fermentum rosae est sit amet erat.
Muis semper duis arcu massa, scelerisque. Maecenas ligula massa variusa semper cong,
eram euismod non mi proin et porttitor, orci nec nonummy molestie enim est eleif
end non fermentum rosae est sit amet erat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit paseter aliquam facilisis diam,
et orci aliquet non integer quis metus vitae elit lobortis egest asultricies luctus impes.
Senteger aliquet sapien et pellente egestas lorem nunc porta vel portitor augue arcusam
eram euismod non mi proin et porttitor.
4 mm
GDF SUEZ - SIÈGE SOCIAL
17,5 mm
Tour T1 - 1 place Samuel de Champlain - Faubourg de l’Arche - 92930 Paris La Défense cedex - France
Tel. +33 (0)1 44 22 00 00
GDF SUEZ - SA AU CAPITAL de 2 435 285 011 EUROS - RCS NANTERRE 542 107 651
www.engie.com
GDF SUEZ - SIÈGE SOCIAL
Tour T1 - 1 place Samuel de Champlain - Faubourg de l’Arche - 92930 Paris La Défense cedex - France
Tel. +33 (0)1 44 22 00 00
GDF SUEZ - SA AU CAPITAL de 2 435 285 011 EUROS - RCS NANTERRE 542 107 651
17,5 mm
17,5 mm
17,5 mm
Frise graphique d’animation
Fichiers
disponibles
52 - Charte Graphique eNGie
www.engie.com
5 - les AUTRes sUppORTs
5.1 Les applications corporate
le communiqué de presse A4
Comme le communiqué interne, le communiqué de presse
est contruit selon la structure graphique décrite au
chapitre 2. Il intègre la marge, le logotype ENGIE dans
l’angle supérieur gauche, les curseurs encadrant le nom
du document et le flux multicolore en pied de page.
En outre, le communiqué de presse fait l’objet des deux
mêmes adaptations graphiques spécifiques :
- entre les curseurs, le nom du document est précédé
de la frise graphique,
- le calage du flux est exceptionnellement surélevé afin
de laisser la place aux coordonnées en pied de page.
La typographie utilisée pour les textes (nom du
document, titre, chapô, saisie, etc.) est celle des
applications bureautiques, l’Arial dans ses différentes
versions (voir page 18). La saisie se fait en noir,
mais les textes importants peuvent être mis en exergue
grâce aux couleurs issues des palettes.
En pages de suite, le logotype réapparaît en haut
à gauche, de même que le flux et les coordonnées
en bas de page. tout le reste du format est consacré
au texte de saisie.
Première page
Pages de suite
210 mm
17,5 mm
17,5 mm
78 mm
17,5 mm
2 mm
Communiqué de presse
2 mm
Lorem ipsum dolor sit amet, consectetuer adipiscing elit paseter aliquam facilisis diam.
Et orci aliquet non integer quis metus vitae elit lobortis egest asultricies luctus impes.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit paseter aliquam facilisis diam,
et orci aliquet non integer quis metus vitae elit lobortis egest asultricies luctus impes.
Senteger aliquet sapien et pellente egestas lorem nunc porta vel portitor augue arcusam
eram euismod non mi proin et porttitor.
Lorem ipsum dolor sit eras nunc amet,
consectetuer adipiscing est.
Maecenas ligula massa variusa semper congue, euismod non mi proin et porttitor, orci
nec estiam est molestie enim est eleifend non fermentum.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit paseter aliquam facilisis diam.
Et orci aliquet non integer quis metus vitae elit lobortis egest asultricies luctus impes.
Muis semper duis arcu massa, scelerisque. Maecenas ligula massa variusa semper cong,
eram euismod non mi proin et porttitor, orci nec nonummy molestie enim est eleif
end non fermentum rosae est sit amet erat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit paseter aliquam facilisis diam,
et orci aliquet non integer quis metus vitae elit lobortis egest asultricies luctus impes.
Senteger aliquet sapien et pellente egestas lorem nunc porta vel portitor augue arcusam
eram euismod non mi proin et porttitor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit paseter aliquam facilisis diam,
et orci aliquet non integer quis metus vitae elit lobortis egest asultricies luctus impes.
Senteger aliquet sapien et pellente egestas lorem nunc porta vel portitor augue arcusam
eram euismod non mi proin et porttitor.
Maecenas ligula massa variusa semper congue, euismod non mi proin et porttitor, orci
nec estiam est molestie enim est eleifend non fermentum.
Maecenas ligula massa variusa semper congue, euismod non mi proin et porttitor, orci
nec estiam est molestie enim est eleifend non fermentum.
Muis semper duis arcu massa, scelerisque. Maecenas ligula massa variusa semper cong,
eram euismod non mi proin et porttitor, orci nec nonummy molestie enim est eleif
end non fermentum rosae est sit amet erat.
Muis semper duis arcu massa, scelerisque. Maecenas ligula massa variusa semper cong,
eram euismod non mi proin et porttitor, orci nec nonummy molestie enim est eleif
end non fermentum rosae est sit amet erat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit paseter aliquam facilisis diam,
et orci aliquet non integer quis metus vitae elit lobortis egest asultricies luctus impes.
Senteger aliquet sapien et pellente egestas lorem nunc porta vel portitor augue arcusam
eram euismod non mi proin et porttitor.
4 mm
17,5 mm
GDF SUEZ - SIÈGE SOCIAL
Tour T1 - 1 place Samuel de Champlain - Faubourg de l’Arche - 92930 Paris La Défense cedex - France
Tel. +33 (0)1 44 22 00 00
GDF SUEZ - SA AU CAPITAL de 2 435 285 011 EUROS - RCS NANTERRE 542 107 651
www.engie.com
GDF SUEZ - SIÈGE SOCIAL
Tour T1 - 1 place Samuel de Champlain - Faubourg de l’Arche - 92930 Paris La Défense cedex - France
Tel. +33 (0)1 44 22 00 00
GDF SUEZ - SA AU CAPITAL de 2 435 285 011 EUROS - RCS NANTERRE 542 107 651
www.engie.com
17,5 mm
17,5 mm
17,5 mm
Fichiers
disponibles
Charte Graphique eNGie - 53
5 - les AUTRes sUppORTs
5.1 Les applications corporate
la newsletter A4
Calcul de la marge sur ce document : largeur l / 14
La newsletter est construite selon les principes
fondamentaux des documents A4 verticaux avec
quelques adaptations spécifiques. une têtière sur fond
photographique occupe la partie supérieure du document,
où figurent le logotype ENGIE et le titre entre deux
curseurs, ferrés à droite ; le numéro et la date d’édition
apparaissent en vis-à-vis à gauche. La partie basse du
format est réservée au texte et aux éventuels visuels
d’illustration, tandis que le flux en version multicolore se
place en pied de page selon la règle habituelle.
si nécessaire, le texte se poursuit sur les pages de suite,
sur lesquelles n’apparaît que le logotype en rappel dans
l’angle supérieur droite.
par défaut, le texte d’une newsletter est organisé en trois
colonnes. La typographie utilisée est celle des
applications bureautiques, l’Arial dans ses différentes
versions (voir page 18).
Première page
Pages de suite
L = 210 mm
L/14 = 15 mm
15 mm
MOIS 2015
Sit amet adipiscing nec ultricies
sed dolor. Crasa elementum
#00
VISUEL
Sit amet adipiscing nec
ultricies sed dolor. Crasa
elementum ultrices diam
maecenas est ligulam
massa variusa semper
congue euismod non mi.
Proin portitor, orci neca
nonummy molestie diam
enim est eleifend mi non
fermentum diam nisl sit amet
erat duis semper duis arcu
duis massa scelerisque
vitae, estb consequat in erat
pretium aet enim. Esta
congue ute ino risus volutpat
libero pharetras tempor cras
et vestibulum
Newsletter
Sit amet adipiscing nec ultriciessed
dolor. Crasa elementumultrices
diam maecenas ligulam massa
variusa semper congue euismod
Sit amet adipiscing nec ultricies
Sit amet adipiscing nec ultricies
sed dolor. Crasa elementum
sed dolor. Crasa elementum
ultrices diam maecenas ligulam
ultrices diam maecenas ligulam
massa variusa semper congue
massa variusa semper congue
euismod non mi. Proin portitor,
euismod non mi. Proin portitor,
orci neca nonummy molestie
orci neca nonummy molestie
diam enim est eleifend mi non
diam enim est eleifend mi non
fermentum diam nisl sit amet
fermentum diam nisl sit amet
erat duis semper duis arcu duis
erat duis semper duis arcu duis
massa scelerisque vitae, est
massa scelerisque vitae, est
consequat in pretium aet enim.
consequat in pretium aet enim.
Congue ute ino risus volutpat
Congue ute ino risus volutpat
libero pharetras tempor cras et
libero pharetras tempor cras et
vestibulum bibendum augue
vestibulum bibendum augue
praesent egestas leos praesent
praesent egestas leos praesent
blandit odio eu enim pelle est
blandit odio eu enim pelle est
ntesque sedna duit augue eno
ntesque sedna duit augue eno
blandit sodales vestibulum ante
blandit sodales vestibulum ante
Sit amet adipiscing nec ultricies
Sit amet adipiscing nec ultricies
Sit amet adipiscing nec ultricies
sed dolor. Crasa elementum
sed dolor. Crasa elementum
sed dolor. Crasa elementum
ultrices diam maecenas ligulam
ultrices diam maecenas ligulam
ultrices diam maecenas ligulam
massa variusa semper congue
massa variusa semper congue
massa variusa semper congue
euismod non mi. Proin portitor,
euismod non mi. Proin portitor,
euismod non mi. Proin portitor,
orci neca nonummy molestie
orci neca nonummy molestie
orci neca nonummy molestie
diam enim est eleifend mi non
diam enim est eleifend mi non
diam enim est eleifend mi non
fermentum diam nisl sit amet
fermentum diam nisl sit amet
fermentum diam nisl sit amet
erat duis semper duis arcu duis
erat duis semper duis arcu duis
massa scelerisque vitae, est
massa scelerisque vitae, est
ntesque sedna duit augue eno
consequat in pretium aet enim.
consequat in pretium aet enim.
blandit sodales vestibulum ante
Congue ute ino risus volutpat
Congue ute ino risus volutpat
ipsum primis in faucibus orcis.
libero pharetras tempor cras et
libero pharetras tempor cras et
vestibulum bibendum augue
vestibulum bibendum augue
Sit amet adipiscing nec ultricies
praesent egestas leos praesent
praesent egestas leos praesent
sed dolor. Crasa elementum
blandit odio eu enim pelle est
blandit odio eu enim pelle est
ultrices diam maecenas ligulam
ntesque sedna duit augue eno
ntesque sedna duit augue eno
massa variusa semper congue
blandit sodales vestibulum ante
blandit sodales vestibulum ante
euismod non mi. Proin portitor,
ipsum primis in faucibus orcis.
ipsum primis in faucibus orcis.
orci neca nonummy molestie
Sit amet adipiscing nec ultricies
diam enim est eleifend mi non
Sit amet adipiscing nec ultricies
sed dolor. Crasa elementum
fermentum diam nisl sit amet
sed dolor. Crasa elementum
ultrices diam maecenas ligulam
erat duis semper duis arcu duis
ultrices diam maecenas ligulam
massa variusa semper congue
massa scelerisque vitae, est
massa variusa semper congue
euismod non mi. Proin portitor,
consequat in pretium aet enim.
euismod non mi. Proin portitor,
orci neca nonummy molestie
Congue ute ino risus volutpat
orci neca nonummy molestie
diam enim est eleifend mi non
libero pharetras tempor cras et
diam enim est eleifend mi non
fermentum diam nisl sit amet
vestibulum bibendum augue
fermentum diam nisl sit amet
erat duis semper duis arcu duis
praesent egestas leos praesent
erat duis semper duis arcu duis
massa scelerisque vitae, est
blandit odio eu enim pelle est
massa scelerisque vitae, est
consequat in pretium aet enim.
ntesque sedna duit augue eno
consequat in pretium aet enim.
Congue ute ino risus volutpat
blandit sodales vestibulum ante
Congue ute ino risus volutpat
libero pharetras tempor cras et
ipsum primis in faucibus orcis.
libero pharetras tempor cras et
vestibulum bibendum augue
vestibulum bibendum augue
praesent egestas leos praesent
Sit amet adipiscing nec ultricies
praesent egestas leos praesent
blandit odio eu enim pelle est
sed dolor. Crasa elementum
blandit odio eu enim pelle est
ntesque sedna duit augue eno
ultrices diam maecenas ligulam
ntesque sedna duit augue eno
blandit sodales vestibulum ante
massa variusa semper congue
blandit sodales vestibulum ante
ipsum primis in faucibus orcis.
euismod non mi. Proin portitor,
ipsum primis in faucibus orcis.
Sit amet adipiscing nec ultricies
orci neca nonummy molestie
sed dolor. Crasa elementum
diam enim est eleifend mi non
L/14 = 15 mm
15 mm
Fichiers
disponibles
54 - Charte Graphique eNGie
15 mm
15 mm
15 mm
5 - les AUTRes sUppORTs
5.1 Les applications corporate
le masque powerpoint®
Le masque de présentation powerpoint® comporte
plusieurs options de pages de titre, d’entrées de chapitre
et de contenu, intégrant ou non des visuels
photographiques ou des graphiques. Le masque de
présentation est disponible au format écran standard ou
au format panoramique 16/9e, selon l’équipement de
projection disponible.
Les pages de titre des présentations sont construites
selon les principes des couvertures classiques, avec le
logotype, les curseurs et le texte ferrés à droite sur fond
photographique.
La construction des slides reprend l’essentiel de la
structure graphique habituelle des documents ENGIE
(marge, logotype, flux, palette de couleurs, etc.), avec
quelques adaptations spécifiques liées au support écran.
sur les écrans d’entrées de chapitres, le logotype est
exceptionnellement placé en bas à droite et non dans l’un
des angles supérieurs comme c’est habituellement le cas.
un aplat de couleur en produit sur le visuel de fond
détermine la couleur prédominante du chapitre qui va
suivre (reprise sur les bandeaux, le flux, etc.).
Slide de titre (plusieurs options de couleurs)
Slide de sommaire
SOMMAIRE
Titre de la présentation
tempor incididunt ut
15 avril 2015
Titre de la présentation
tempor incididunt ut
15 avril 2015
Titre de la présentation
tempor incididunt ut
Chapitre 1
Consectetur adipiscing morbi sodales magna.
Ut tellus nunque varius, dapibus metus.
Eget ornare arcu lectus eras osae nunque.
Chapitre 2
Consectetur adipiscing morbi sodales magna.
Ut tellus nunque varius, dapibus metus.
Chapitre 3
Consectetur adipiscing morbi sodales magna.
Ut tellus nunque varius, dapibus metus.
Eget ornare arcu lectus eras osae nunque.
Chapitre 4
Consectetur adipiscing morbi sodales magna.
Eget ornare arcu lectus eras osae nunque.
15 avril 2015
Exemples de slides d’entrées de chapitres avec pages suivantes de même couleur
TITRE DE PAGE
TITRE DE PAGE
Sous-titre
Titre de chapitre
titre de chapitre
Sous-titre
l
Texte de niveau 1, lorem ipsum dolor
sit amet, consectetuer adipiscing elit.
l
Texte de niveau 1, lorem
ipsum dolor sit amet.
l
Texte de niveau 1, lorem
ipsum dolor sit amet.
l
Texte de niveau 1, lorem
ipsum dolor sit amet.
l
Texte de niveau 1, lorem ipsum dolor
sit amet, consectetuer adipiscing elit.
l
Texte de niveau 1, lorem
ipsum dolor sit amet.
l
Texte de niveau 1, lorem
ipsum dolor sit amet.
l
Texte de niveau 1, lorem
ipsum dolor sit amet.
l
Texte de niveau 1, lorem ipsum dolor
sit amet, consectetuer adipiscing elit.
l
Texte de niveau 1, lorem
ipsum dolor sit amet.
l
Texte de niveau 1, lorem
ipsum dolor sit amet.
l
Texte de niveau 1, lorem
ipsum dolor sit amet.
— Texte de niveau 2, lorem ipsum dolor sit
amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat.
— Texte de niveau 2, lorem
ipsum dolor sit amet.
• Texte de niveau 3, lorem ipsum
dolor sit amet, consectetuer.
• Texte de niveau 3, lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
magna aliquam erat volutpat.
12/06/2015
TITRE DE LA PRESENTATION
Consectetur
adipiing elit
Morbi non sodales
15
12/06/2015
— Texte de niveau 2, lorem
ipsum dolor sit amet.
• Texte de niveau 3, lorem ipsum
dolor sit amet, consectetuer.
Consectetur
adipiing elit
Morbi non sodales
— Texte de niveau 2, lorem
ipsum dolor sit amet.
• Texte de niveau 3, lorem ipsum
dolor sit amet, consectetuer.
Consectetur
adipiing elit
Morbi non sodales
TITRE DE LA PRESENTATION
15
TITRE DE PAGE
Sous-titre
Titre de chapitre
titre de chapitre
l
Texte de niveau 1, lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
l
Texte de niveau 1, lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
l
Texte de niveau 1, lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Le flux de toutes les slides de suite d’un même chapitre
adopte la couleur choisie pour ce chapitre
— Texte de niveau 2, lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat.
— Texte de niveau 2, lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat.
• Texte de niveau 3, lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat.
• Texte de niveau 3, lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat.
12/06/2015
TITRE DE LA PRESENTATION
15
Fichiers
disponibles
Charte Graphique eNGie - 55
5 - les AUTRes sUppORTs
5.1 Les applications corporate
la signature courriel
La signature des courriels est normée et se construit
selon un principe inspiré des supports de papeterie.
L’intégration du prénom et du nom de l’émetteur ainsi
que ses coordonnées téléphoniques sont obligatoires,
par contre la fonction est facultative (chaque
collaborateur est libre de la faire figurer ou non).
En dessous apparaît le logotype ENGIE, suivi de deux
curseurs cyan corporate encadrant, dans l’ordre :
- l’adresse Internet ENGIE en cyan corporate,
- la raison sociale et les coordonnées dans le même gris
que celui utilisé pour la papeterie (voir chapitre 3),
- la recommandation environnementale en vert.
Enfin, le flux dans sa version multicolore vient clôturer
l’ensemble, dans le prolongement du curseur inférieur.
La typographie utilisée pour la composition de la
signature est la typographie de substitution Arial
(voir p. 18) ; les couleurs sont reproduites selon leurs
correspondances écran rvb (voir p. 19).
Les informations personnelles (prénom, nom, direction,
fonction et coordonnées téléphoniques) sont librement
éditables ; les éléments situés en dessous (du logotype au
flux) sont fixes et mis à disposition sous forme de fichiers
jpEG à intégrer en tant qu’images dans le courriel.
[email protected]
Réunion du 15/09/15
Cher Mr Durand,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit paseter aliquam facilisis diam,
et orci aliquet non integer quis metus vitae elit lobortis egest asultricies luctus impes.
Senteger aliquet sapien et pellente egestas lorem nunc porta vel portitor augue arcusam
eram euismod non mi proin et porttitor.
Maecenas ligula massa variusa semper congue, euismod non mi proin et porttitor, orci
nec estiam est molestie enim est eleifend non fermentum.
Muis semper duis arcu massa, scelerisque. Maecenas ligula massa variusa semper cong,
eram euismod non mi proin et porttitor, orci nec nonummy molestie enim est eleif
end non fermentum rosae est sit amet erat.
1 Prénom NOM
Direction/Fonction
2 [email protected]
T +33 (1) 00 00 00 00
F +33 (1) 00 00 00 00
8 mm
8 mm
4 mm
0,9 mm
3 engie.com
4
GDF SUEZ - Site du Landy
Bâtiment I, 361, avenue du Président Wilson
93210 La Plaine-Saint-Denis, France
T +33 (0) 1 44 22 00 00
5
Pensez à l'environnement avant d'imprimer ce message.
4 mm
1
2
Fichiers
disponibles
8 mm
0,9 mm
Prénom et nom en Arial Bold,
corps 8 pt, interlignage 9,5 pt,
noir, fer à gauche, capitales et
bas de casse pour le prénom,
tout capitales pour le nom
Direction ou fonction
(facultative), adresse courriel
et coordonnées téléphoniques
en Arial Regular, corps 8 pt,
interlignage 9,5 pt, noir, fer à
gauche
56 - Charte Graphique eNGie
3
4
Adresse Internet ENGIE
en Arial Regular, corps 6,5 pt,
interlignage 8 pt, cyan
corporate, fer à gauche
Raison sociale et coordonnées
en Arial Regular, corps 6 pt,
interlignage 7 pt, gris, fer à
gauche
5
Recommandation environnementale
en Arial Regular, corps 6 pt,
interlignage 7 pt, vert foncé de la
palette principale (voir page 19),
fer à gauche
Gris typographie
spécifique papeterie
R 130 V 160 B 175
# 82A0AF
Vert foncé
R 0 V 135 B 55
# 008737
5 - les AUTRes sUppORTs
5.1 Les applications corporate
l’identité sonore
Notre identité sonore est une composition originale
dont le Groupe est propriétaire. Elle est cristalline
et minérale, tout en étant chaleureuse et mélodieuse.
À la fois énergique, rythmée et émotionnelle, elle
véhicule des valeurs positives, humaines et optimistes
qui nous caractérisent.
Empreinte de naturalité, elle est portée par une voix
et construit un thème fortement reconnaissable et
mémorisable. Elle participe, au même titre que notre
univers publicitaire, graphique et coloriel, à la
construction de notre territoire de communication
et à la reconnaissance de la marque ENGIE.
Elle doit nous accompagner sur les attentes
téléphoniques, les salons, les événements et vidéos
internes, les billboards tv ou radio, etc.
La version longue est de 3 minutes. Elle existe en
signature musicale et en sonnerie pour téléphones
portables.
titre : Come Along
musique et texte : Lost In paradise
direction artistique : boris Nicou et Laurent Favard/
prodigious
producteur : boris Nicou/prodigious
Fichiers
disponibles
Charte Graphique eNGie - 57
5 - les AUTRes sUppORTs
5.2 Les applications signalétiques
Règles spécifiques aux supports verticaux étroits
Lorsqu’un support vertical est particulièrement étroit,
diverses adaptations sont nécessaires afin de préserver
sa lisibilité tout en restant dans l’esprit de la charte
graphique. sur ce type de format, le logotype (ou le
bloc-marque) apparaît en haut sur toute la largeur, aussi
grand que le permet sa zone de protection (voir page 12).
L’espace de protection autour du logotype détermine la
marge pour l’ensemble du format, qui est donc plus fine
que sur les documents standards.
Le texte et les curseurs se placent selon les règles
habituelles, de même que le flux en bas de page.
Néanmoins, celui-ci fait également l’objet d’une
adaptation spécifique pour ne pas sembler trop épais :
son épaisseur est exceptionnellement égale à celle
des curseurs, et non au double comme c’est normalement
le cas.
Avec logotype ENGIE
Avec bloc-marque ENGIE
H/2
H/2
H
x
H/2
H
x
H
H
H
x
Lorem
ipsum sit
amet
x
Lorem
ipsum sit
amet
x
x
x
H/2
x
H/2
H/2
58 - Charte Graphique eNGie
H/2
H/2
H/2
5 - les AUTRes sUppORTs
5.2 Les applications signalétiques
les kakémonos
Les kakémonos sont construits selon les principes des
formats verticaux étroits présentés page précédente.
Ils peuvent incorporer indifféremment un fond blanc,
en aplat de couleur ou photographique. Les couleurs
des textes, des curseurs et du flux seront choisies dans
les palettes d’acompagnement selon leur lisibilité et leur
harmonie avec les différents fonds.
Sur fond blanc
Lorem
ipsum sit
amet
Sur fond de couleur
Lorem
ipsum sit
amet
Sur fond photographique
Lorem
ipsum sit
amet
Charte Graphique eNGie - 59
5 - les AUTRes sUppORTs
5.3 Les objets promotionnels
les « goodies »
En fonction de la diversité de leurs formes et de leurs
processus de fabrication, les objets promotionnels
(ou « goodies ») feront l’objet d’adaptations spécifiques
de la charte graphique qui seront gérées au cas par cas.
Ci-dessous figurent quelques exemples d’objet marqués
à l’identité ENGIE pour référence.
Bloc-notes A5
Clef USB
Couverture
Dos
Stylo à bille
En cas de marquage à très petite taille,
l’usage du logotype ENGIE simplifié en aplat est autorisé
(consultez la Direction des Communications
pour validation préalable)
Bloc post-it 100 x 100 mm
Fermé
60 - Charte Graphique eNGie
Ouvert
Mug
Contact
Direction des Communications
pour obtenir vos identifiants et mots de passe de
connexion au brandcenter brandcenter.engie.com,
contactez :
Catherine Orban
[email protected]
une hotline Carré Noir sera disponible jusqu’à l’été 2015.
vous trouverez la procédure de contact sur la plateforme
gdfsuezisnow.engie.com
Conception et réalisation :
Direction des Communications
2015
GDF SUEZ
1, place Samuel de Champlain, Faubourg de l’Arche
92930 Paris La Défense Cedex, France
T +33 (1) 41 20 10 00 - F +33 (1) 41 20 10 10
engie.com