charte graphique 2015

of 22/22
Charte graphique 2015 FR

Post on 05-Jan-2017

234 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

  • Charte graphique 2015

    FR

  • Phot

    o:

    Dav

    id L

    liff

    Groupe PPE au Parlement europen

    60 Rue Wiertz 1047 Bruxelles, Belgique

    diteur

    Pedro Lpez De PabloChef du service de presse et communications

    Coordinateurs

    Constantin DeaconescuGreet GysenLada JuricaAntti Timonen

    Site web

    eppgroup.eu

    Table des matiresIntroduction ............................................................................ 2

    Cohrence graphique ............................................................ 2Une identit unique ............................................................... 3Un logo commun .................................................................... 4

    La voix de notre image ......................................................... 5

    Identit visuelle ..................................................................... 6

    Logo du Groupe PPE .............................................................. 7Variations du logo .................................................................. 8Mauvaise utilisation du logo ................................................. 9Cohabitation des logos ........................................................10Variations linguistiques du logo ........................................11EPP TV ...................................................................................12Palette des couleurs primaires ..........................................13Dgrads de couleurs ..........................................................14Couleurs didentification des services du Groupe PPE ...15Typographie ..........................................................................16Motif du Groupe PPE ...........................................................17Images en arrire-plan .......................................................18Rseaux sociaux ...................................................................19Logo pour sites internet (favicon) ..................................20lment graphique ..............................................................21

    1

    http://eppgroup.eu

  • IntroductionCohrence graphique

    La charte graphique du Groupe PPE au Parlement europen a pour objectif dassurer la cohrence graphique de tous les outils de communication (gadgets, presse crite et en ligne) afin de garantir une identit visuelle claire. Les consignes graphiques du Groupe sont en adquation avec lidentit visuelle du Parti Populaire Europen (PPE).

    Le prsent guide dfinira:

    le logo: ses couleurs, sa localisation, ses proportions, ses diffrentes versions linguistiques, ses variations sur fonds blanc et color, son utilisation en association avec dautres logos, etc.;

    les polices de caractres utilises;

    les diffrentes palettes de couleurs des diffrents supports dinformation;

    les principes rgissant les choix dimages et dillustrations.

    Ce guide vise tre aussi exhaustif que possible et envisage un trs large ventail de situations dans lesquelles les rgles relatives lutilisation des graphiques doivent tre appliques, tout en laissant une marge de manuvre suffisante pour pouvoir voluer au fil du temps et englober la grande varit doutils de communication produits par le Groupe PPE.

    Il sagit dun ouvrage de rfrence pour les concepteurs et les imprimeurs qui travaillent avec le Groupe PPE. Il servira galement de base pour les modles qui seront dfinis pour les diffrentes lettres dinformation publies au sein du Groupe PPE.

    2

  • IntroductionUne identit unique

    Consignes graphiques maintien dune identit unique dans toutes les communications et importance du respect de celle-ci.

    Le prsent document vous explique pas pas:

    1. Qui nous sommesCe qui nous distingue, ce que nous considrons comme une chance, la manire dont nous travaillons et pourquoi cest important.

    2. Comment apprivoiser nos lments distinctifsComment se familiariser avec les lments distinctifs que nous utilisons pour nous diffrencier des autres familles politiques et toucher nos publics.

    3. Comment rpondre aux besoins de communicationUtiliser ces lments distinctifs pour crer et grer de manire efficace les applications labellises PPE dans lensemble de lorganisation.

    3

  • IntroductionUn logo commun

    Un logo commun pour la famille politique du PPE

    Le Parti Populaire Europen (PPE) est une famille politique dote, de par lhritage du pass et jusqu aujourdhui, dune grande richesse et dun large pouvoir. Soud par ses adhrents ainsi que par lhistoire et les enjeux quelle partage, le PPE est compos de diffrentes organisations qui refltent sa diversit. Ces organisations ont, au cours des dernires dcennies, communiqu en utilisant diffrents logos, polices de caractres et symboles visuels.

    lheure actuelle, les diffrentes composantes de lcosystme PPE collaborent dans de nombreux domaines et souhaitent mettre en vidence cette identit visuelle unifie par ladoption dun logo commun par ses deux instances principales: le Parti et le Groupe. Cette condition est essentielle pour promouvoir lunit et la cohrence du PPE en tant qualliance et permettra au public de reconnatre le PPE comme tant une organisation unie poursuivant des objectifs et des ides communs. Il sagit dune tape importante pour doter le PPE dune image forte et reconnaissable.

    yeppyouth of the european peoples party

    ppeevp

    group in the committee of the regions

    epp

    4

  • La voix de notre image

    Nabusez pas du jargon politique sil est ncessaire, fournissez un contexte adquat pour en assurer la comprhension.

    Ne noyez pas la teneur de votre message. Ne donnez pas une impression damateurisme et ne vous laissez pas trop

    guider par les motions, tout en vous montrant attentionn.

    Adressez-vous au public directement en utilisant, le cas chant, des pronoms. Utilisez un mode actif sur un ton chaleureux et humain pour agrmenter votre

    rcit et nouer un dialogue sur le fond. Soyez concis, en mettant laccent sur lide principale dans les titres et sur les

    points secondaires dans le corps du texte.

    Accessible

    Ne minimisez pas les enjeux auxquels sont confronts les citoyens europens. Ne vous reposez pas sur lutilisation dadverbes ou dintensificateurs tels que trs

    ou rellement. Ne forcez pas lenthousiasme par des adjectifs superflus ou des points

    dexclamation.

    Recourez la voix active pour rendre votre texte plus comprhensible et plus concis.

    Actif: le parti a gagn des adhrents. Passif: le nombre dadhrents a t augment par le parti. Soyez humain et attentif la faon dont vous formulez les phrases et la

    manire dont vous abordez votre sujet. Adressez-vous aux citoyens autant que possible la deuxime personne

    (vous) et non la troisime personne (ils/elles).

    Optimiste & attentionn

    Ne donnez pas limpression de faire la leon votre public ni de vous montrer condescendant son gard.

    Ne partez pas du principe que tout le monde comprend ou partage le contenu de vos messages.

    Lorsque vous rdigez, gardez lesprit le principe de la bulle europenne, la communication devant tre aussi inclusive que possible.

    Ne perdez pas de vue votre objectif ni le sujet de votre message.

    largissez les horizons et concentrez-vous sur le tableau densemble, en gardant lesprit que la communication sadressera un large public.

    Gardez toujours lesprit quau PPE, nous avons foi dans les personnes et veillons trouver des solutions ensemble.

    Utilisez la premire personne du pluriel (nous). Utilisez un langage qui soit intuitif tout en tant direct.

    Ouvert la collaboration

    5

  • La force de la cohrenceLes diffrents lments distinctifs peuvent tre utiliss par lensemble du Groupe PPE afin de construire une image de marque cohrente et de renforcer notre identit.

    Logo Palette de couleurs Sous-ligne

    au Parlement europen

    lment graphiqueMotifTypographie

    6

  • Identit visuelleLogo du Groupe PPE

    1

    1

    2

    2

    Logo type utiliser aussi souvent que possible

    Taille minimale du logo: Zone de scurit du logo (espace libre):

    Symbole graphique - taille minimale:

    Pour linternet

    Comme lment graphique pour impression

    Symbole graphique: utiliser comme lment dcoratif ou sous forme dicne (Rseaux sociaux, icne de favori, etc.) uniquement sur fond bleu du PPE ou sur le motif du PPE.

    Utilisation de la dnomination juridique du groupe

    Lorsquil est fait rfrence au Groupe PPE, vous tes tenus dutiliser les majuscules pour le PPE.

    Copyright XXXX-2015 Groupe PPE. Tous droits rservs.

    Utilisation du groupe PPENutilisez pas uniquement des majuscules ou des minuscules dans lensemble du nom du Groupe.Lorem ipsum dolor sit amet Groupe PPE.Lorem ipsum dolor sit amet GROUPE PPE.Lorem ipsum dolor sit amet groupe ppe.

    Lorsquil est utilis dans un lien (eppgroup.eu), veillez utiliser uniquement des minuscules.Lorem ipsum dolor sit amet eppgroup.euLorem ipsum dolor sit amet EPPGROUP.eu

    Espace libre

    Un espace libre minimal devrait entourer le logo, en le sparant des autres lments de conception graphique. Cette zone protge prserve la lisibilit du logo et assure son impact visuel.

    Lespace libre minimal standard sur tous les cts du logo est gal la hauteur de la lettre E dans le sigle PPE.

    Taille minimale

    Le logo a t conu pour prserver sa lisibilit dans la plupart des tailles. Toutefois, en rduisant lchelle pour ladapter des applications plus petites, gardez lesprit les limitations de lisibilit prvues.

    OU OU OU

    16 p

    x30

    mm

    12 m

    m

    7

    vdejongheCross-OutGroupe

    vdejongheCross-OutGroupe

  • Identit visuelleVariations du logo

    utiliser sur fond blanc, sur fond gris clair et dans les images.

    Couleur Pantone unique: 3015 C

    Monochrome

    Il convient dutiliser le logo en blanc uniquement sur le fond bleu du PPE, sur la trame de fond du PPE et sur les photos.

    8

  • Identit visuelleMauvaise utilisation du logo

    N.B.: Veuillez noter que le logo est disponible en diffrentes versions (couleurs et langues). Si vous souhaitez utiliser le logo dans une autre langue, cliquez sur le lien ci-dessous pour tlcharger la version dont vous avez besoin. Ne modifiez pas le logo; utilisez-le tel quil vous est propos.

    www.eppgroup.eu/logos

    Ne modifiez pas la position des diffrents lments du logo.

    Ne faites pas pivoter le logo. Ne supprimez pas ppe. Ne modifiez pas la police.

    Ne tentez pas dincliner le logo ni de le rendre tridimensionnel de quelque manire que ce soit.

    Ne modifiez pas les couleurs du logo. Nappliquez pas deffets quels quils soient.

    group

    9

    http://www.eppgroup.eu/logos

  • Identit visuelleCohabitation des logos

    Cohabitation:Sil est vrai quil existe trois variantes du logo et que ses dimensions changent proportionnellement dune langue une autre, il ne peut pas tre plus petit que les autres logos qui lentourent.

    Exceptions:

    Si le logo du Groupe PPE doit tre utilis sur le site internet dune tierce partie ou imprim avec dautres logos, vous pouvez modifier la couleur du logo noir uni pour diminuer son opacit.

    Cest l un rare exemple de situation dans laquelle la modification de la couleur du logo du PPE est autorise pour mieux se marier avec les logos partenaires utiliss.

    10

  • Identit visuelleVariations linguistiques du logo

    Le logo du Groupe PPE est disponible dans 23 langues diffrentes:BG, CS, DA, DE, EL, EN, ES, ET, FI, FR, HR, HU, IT, LT, LV, MT, NL, PL, PT, RO, SK, SL, SV.

    Tlchargez-les ladresse suivante: www.eppgroup.eu/logos

    BG CS DEDA EL

    EN ES ET FI FR

    HR HU IT LT LV

    MT NL PL PT RO

    SK SL SV

    11

    http://www.eppgroup.eu/logos

  • Identit visuelleEPP TV

    Tlchargez-les ladresse suivante: www.eppgroup.eu/logos

    12

    http://www.eppgroup.eu/logos

  • Identit visuellePalette des couleurs primaires

    Valeurs RGB Valeurs CMYK Valeurs Pantone

    C16 M6 Y4 K0R221 G231 B240#DDE7F0

    R153 G153 B153#999999

    Jaune PPER251 G176 B52#FBB034

    Bleu PPER1 G85 B160#0155A0

    R64 G64 B64#404040

    R28 G67 B135#1C4387

    C0 M0 Y0 K40

    Jaune PPEC0 M36 Y84 K0

    Bleu PPEPantone 3015 C

    Jaune PPEPantone 1365 C

    C66 M56 Y53 K57

    Bleu PPE C96 M66 Y3 K0

    C99 M78 Y15 K3

    Pour que des couleurs identiques soient utilises sur tous les supports, des spcifications ont t fixes pour les formats Pantone, CMYK, RGB et HTML. Il est vivement recommand de vrifier, avec votre imprimeur, que ces formats sont scrupuleusement respects.

    13

  • Identit visuelleDgrads de couleurs

    Valeurs RGB Valeurs CMYK

    Couleur secondaireC3 M4 Y91 K0

    Couleur secondaireR255 G230 B0#FFE600

    Couleur secondaireC74 M19 Y39 K3

    Couleur secondaireR54 G154 B157#369A9D

    Jaune PPEC0 M36 Y84 K0

    Jaune PPER251 G176 B52#FBB034

    Bleu PPEC96 M66 Y3 K0

    Bleu PPER1 G85 B160#0155A0

    Dgrads

    Couleur secondaire

    Couleur secondaire

    Jaune PPE

    Bleu PPE

    Angle: -60Curseur gradient: 30%

    Angle: -60Curseur gradient: 30%

    N.B.: Les dnominations et valeurs de coloris indiques dans lancienne charte graphique ne sont plus valables. Elles ne peuvent donc plus tre utilises.

    14

  • Identit visuelleCouleurs didentification des services du Groupe PPE

    Services Valeurs RGB Valeurs CMYK

    Usage gnral pour le groupe PPE

    Prsidence

    Service Travaux parlementaires

    Service Politiques extrieures, commissions et dlgations

    Service Relations avec les Parlements nationaux

    Service Politique mditerranenne et activits interculturelles

    Service Presse et Communications

    PPE (Parti Populaire Europen)*

    Organisation interne Organisation des runions externes

    Section des vnements et des runions externes*

    Organisation interne

    R1 G85 B160#0155A0 C96 M66 Y3 K0

    C51 M39 Y0 K0

    C21 M33 Y84 K8

    C74 M19 Y39 K3

    C0 M60 Y80 K0

    C74 M2 Y76 K0

    C0 M36 Y84 K0

    C69 M0 Y12 K0

    C4 M92 Y0 K0

    C55 M99 Y9 K2

    C77 M77 Y1 K0

    R140 G151 B204#8C97CC

    R200 G160 B60#C8A03C

    R54 G154 B157#369A9D

    R252 G128 B55#FC8037

    R55 G170 B100#37AA64

    R251 G176 B52#FBB034

    R41 G189 B221#29BDDD

    R232 G31 B141#E81F8D

    R138 G35 B123#8A237B

    R90 G75 B152#5A4B98

    1

    2

    3

    4

    5

    6

    7

    9

    10

    8

    11

    1

    2

    3

    4

    5

    6

    7

    9

    10

    8

    11

    * Ces couleurs ne correspondent pas des services.

    N.B.: Les dnominations et valeurs de coloris indiques dans lancienne charte graphique ne sont plus valables. Elles ne peuvent donc plus tre utilises.

    15

    vdejongheCross-OutGroupe

  • Identit visuelleTypographie

    Titre

    Titre

    Sous-titres

    Sous-titres

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    Police de caractres primaire - PF Beau Sans Pro - Titres

    Police de caractres secondaire - Garamond - Corps des textes

    Police de caractres primaire - Open Sans -Internet - Corps des textes - Sous-titres

    Police de caractres secondaire - Trbuchet MS - Documents PowerPoint et Word et bulletin dinformations

    La police de caractres PF Beau Sans Pro peut tre utilise pour un grand nombre de langues puisquelle convient aux trois alphabets les plus courants (les alphabets latin, grec et cyrillique). Elle est absolument recommande pour les titres.

    Comme toutes les polices lancienne, lpaisseur du trait de la Garamond est limite celle de lcriture manuscrite. Cette police confre aux documents une allure naturelle et dpouille. Bien quaucune tude nait tabli ce constat formellement, la Garamond passe pour tre une des polices de type Serif les plus aisment lisibles pour les documents imprims.

    La police de caractres Open Sans peut tre utilise pour un grand nombre de langues qui utilisent lalphabet latin. En caractres non italiques, elle convient galement au grec moderne et polytonique ainsi quaux symboles graphiques dans lalphabet cyrillique tendu.

    Cette police secondaire doit tre utilise pour garantir luniformit de tous les types de documents. En effet, dans des documents Word ou PowerPoint, par exemple, il est plus simple dutiliser une police tout fait fiable, qui puisse safficher telle quelle sur tous les ordinateurs.

    La police Trbuchet MS est intgre Windows 2000 et Windows XP et est aussi incluse dans les polices standards dInternet Explorer (et intgre dautres applications de Microsoft). Elle est donc trs courante dans les systmes qui tournent sous Windows 98.

    PF Beau Sans Pro LightPF Beau Sans Pro RegularPF Beau Sans Pro Bold

    Garamond RegularGaramond ItalicGaramond Bold

    Open Sans LightOpen Sans Light ItalicOpen Sans RegularOpen Sans ItalicOpen Sans SemiboldOpen Sans Semibold ItalicOpen Sans BoldOpen Sans Bold ItalicOpen Sans ExtraboldOpen Sans Extrabold Italic

    Trebuchet MS RegularTrebuchet MS ItalicTrebuchet MS BoldTrebuchet MS Bold Italic

    16

  • Identit visuelleMotif du Groupe PPE

    Paysage Portrait

    Il doit toujours tre utilis en combinaison avec le logo en caractres blancs.

    Le logo ne doit cependant jamais tre tir. Si vous devez lutiliser, il est prfrable de rogner le motif.

    Motif du Groupe PPE

    Le motif du Groupe PPE est vectoris et peut tre agrandi volont. Il est utilis, en gnral, lors de manifestations, sur divers types de banderoles et de bannires, sur des lutrins, des panneaux rtroclairs, etc.

    17

  • Identit visuelleImages en arrire-plan

    Lutilisation dune image en arrire-plan permet de faire ressortir le contenu de la page et ajoute de la texture celle-ci. Toutefois, pour des raisons de clart et dhomognit, il ne suffit pas de placer limage en arrire-plan telle quelle, mme en en diminuant lintensit.

    Le rsultat sera meilleur si on y applique une couleur, comme dans les exemples ci-contre. Dans le premier exemple, on a augment le contraste en appliquant limage une couleur plus sombre prise dans la palette du Groupe PPE, avec une opacit de 85 %, et en utilisant une police de couleur blanche. Dans le deuxime exemple, on a utilis une couleur de fond plus claire et une police de couleur plus sombre.

    On peut galement flouter limage pour amliorer la lisibilit du texte.

    Toutefois, nous recommandons de ne pas utiliser dimage en arrire-plan de textes denses pour viter de fatiguer les yeux du lecteur.

    Titre Titre

    Titre Titre

    Titre Titre

    Sous-titres Sous-titres

    Sous-titres Sous-titres

    Sous-titres Sous-titres

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    18

  • Identit visuelleRseaux sociaux

    Bandeau suprieur du Groupe PPE pour les rseaux sociaux

    Le bandeau suprieur doit tre sobre et ne doit pas contenir trop dinformations.Veillez vous rfrer aux tailles et aux zones disponibles sur la plate-forme que vous utilisez. Utilisez le logo ou ajoutez un #hashtag spcial.

    Logo du Groupe PPE pour les rseaux sociaux

    Utilisez le logo sur un fond de couleur bleue PPE.

    Les icnes des rseaux sociaux dans les communications du Groupe PPE

    Les icnes des rseaux sociaux doivent toujours tre affiches dans une couleur unie, soit en blanc soit en bleu PPE.

    Zone transparente

    19

  • Identit visuelleLogo pour sites internet (favicon)

    Contour de scurit:

    Un mince contour de scurit doit tre prvu autour du logo, dans les limites de la zone qui le contient.

    Ce contour ne doit pas tre prvu pour les logos de 32px et 16px.

    Fond de couleur:

    Le fond sur lequel le logo est plac doit toujours tre de couleur bleu PPE.

    Exception:

    Pour une meilleure lisibilit, le logo de 16px doit tre plac sur un fond blanc.

    Zone transparente

    Zone transparente

    128px

    128px

    128px

    64px

    64px

    64px

    32px

    32px

    32px

    16px

    16px

    16px

    20

  • Identit visuellelment graphique

    Lutilisation du logo comme lment graphique

    Outre le fait quun contour de scurit doit tre respect pour lutilisation du logo, une seule rgle prvaut lorsque le logo est utilis comme lment graphique: pas de distorsion (tirage, superposition, mise en perspective) ni de rotation du logo, qui doit toujours tre identifiable.

    21