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
© Copyright 2024