Charte graphique Avril 2015

Transcription

1 Charte graphique Avril 2015

2 Introduction AFFIRMER L IDENTITÉ DE CHÂTEAUROUX MÉTROPOLE Depuis le 1 er janvier 2015, la Ville et l Agglomération de Châteauroux ont mutualisés leurs services et partagent le même nom «CHÂTEAUROUX MÉTROPOLE». Ce nouveau nom vise d une part à rendre plus fort et attractif le territoire et, d autre part, à lui donner une meilleure visibilité. Ainsi, à l échelle du département de l Indre, Châteauroux réaffirme son rôle de chef-lieu de département et de pôle qui compte au sein de la Région Centre Val de Loire. La création du logotype repose donc sur la volonté profonde de construire une image simple, cohérente et contemporaine portant haut et fort les valeurs des deux collectivités. L identité de la Ville et de l Agglomération en 40 ans Chacune des collectivités disposait de son identité propre depuis de nombreuses années : Cette charte est un document de travail qui présente l ensemble des règles fondamentales d utilisation des signes graphiques constituant l univers du logotype de CHÂTEAUROUX MÉTROPOLE. 2

3 3 Sommaire I II V p4 p11 p33 p15 p20 III IV Principes fondamentaux Présentation Logotype Colorimétrie Typographie Déclinaisons Logotype Iconographique Utilisation Le concept Icone Icone Icone Exemples d Applications Papeterie Signature mail Objets promotionnels Powerpoint Presse Numérique Signalétique Conclusion Logotype Interdits les Interdits les Typographie Préconisations les Utilisations les Utilisations les

4 Principes fondamentaux I 4

5 Présentation Notre travail de recherche a tenu compte des objectifs suivants : Tirer vers le haut l image de la Ville et de l Agglomération tout en conservant une image institutionnelle. Développer le sentiment d appartenance chez les citoyens. Traduire l image d un lieu «vivant». Communiquer une image forte traduisant la représentation de la Ville et de son Agglomération sur le territoire et de sa volonté de développement. Tenir compte des richesses de notre territoire : la culture «paysanne», l industrie, le patrimoine, le positionnement géographique. Assumer pleinement notre identité et les composantes du mot Châteauroux pour en faire un atout et transmettre le caractère singulier de notre ville. Représenter l ouverture aux autres et vers l extérieur. Le C stylisé, initiale de Châteauroux et de Communauté d agglomération, agit comme la signature d une identité pleinement assumée et transmet le caractère singulier des deux collectivités. Sa mise en exergue pose les contours d un territoire élargi aux 14 autres communes du territoire communautaire, dont les directions sont indiquées par les sept axes de couleurs. Celles-ci venant également représenter les grands thèmes portés par cette institution. Symbole d une ouverture aux autres et vers l extérieur, ce logotype traduit également une image forte de Châteauroux Métropole sur le territoire et sa volonté de développement d un lieu «vivant» où chaque citoyen peut s épanouir. 5

6 Logotype Toute utilisation du logo doit être soumise en amont à la direction de la Communication de «CHÂTEAUROUX MÉTROPOLE». 6

7 Colorimétrie C60 M49 J42 N11 R113 V116 B120 Pantone431 # Ral7005 C15 M100 J90 N10 R190 V10 B38 Pantone200 #be0a26 Ral3001 C50 M0 J100 N0 R151 V191 B13 Pantone376 #97bf0d Ral6018 C0 M35 J85 N0 R248 V179 B52 Pantone143 #f8b334 Ral1006 C100 M0 J0 N0 R0 V158 B224 Pantone2995 #009ee0 Ral5015 C35 M100 J35 N10 R161 V13 B89 Pantone215 #a10d59 Ral4004 C40 M45 J50 N5 R164 V138 B119 Pantone479 #a48a77 Ral1019 C0 M80 J59 N0 R232 V82 B83 Pantone1925 #e85253 Ral3017 7

8 70% de la teinte Colorimétrie tramés 50% de la teinte 40% de la teinte 65% de la teinte 45% de la teinte 55% de la teinte 60% de la teinte Ces 7 pourcentages sont à respecter scrupuleusement sur toutes les déclinaisons du logotype en monochromie afin de respecter l aspect des niveaux de lecture des axes centraux. 8

9 Typographie Accord ExtraBold Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat fermentum rutrum. Maecenas sed mattis ante. Quisque imperdiet, mauris a sollicitudin fringilla, nulla urna pretium augue, interdum ornare metus quam nec augue. Duis non ante vitae tortor posuere ornare. Praesent at tellus turpis. In hac habitasse platea dictumst. Donec nec diam felis. Sed sit amet mollis augue. Maecenas cursus augue a massa pulvinar ultrices. Donec in condimentum lectus. Maecenas fermentum, erat vel elementum ornare, mauris erat venenatis dolor, vel ultrices nibh tortor nec nisi. Ut eu libero eget augue imperdiet mollis. Suspendisse in sem nibh. Cras congue in mauris ac sollicitudin. Aenean in augue a lectus accumsan malesuada in a odio. Morbi quis erat tellus. Phasellus felis ipsum, feugiat sit amet sem a, vestibulum facilisis ligula. Phaselporta ultricies et mauris, quis ultricies enim. Vivamus porttitor pretium et sem in pretium. Aenean natis loresum doin scelerisque nibh. Nunc magna est, eleifend sed quam tortor nec nisi eget, et in volutpat finibus velit. Accord Medium Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat fermentum rutrum. Maecenas sed mattis ante. Quisque imperdiet, mauris a sollicitudin fringilla, nulla urna pretium augue, interdum ornare metus quam nec augue. Duis non ante vitae tortor posuere ornare. Praesent at tellus turpis. In hac habitasse platea dictumst. Donec nec diam felis. Sed sit amet mollis augue. Maecenas cursus augue a massa pulvinar ultrices. Donec in condimentum lectus. Maecenas fermentum, erat vel elementum ornare, mauris erat venenatis dolor, vel ultrices nibh tortor nec nisi. Ut eu libero eget augue imperdiet mollis. Suspendisse in sem nibh. Cras congue in mauris ac sollicitudin. Aénor in augue a lectus accumsan malesuada in a odio. 9

10 Accord Typographie à sept variantes Typographie Lorem ipsum dolor sit amet, consectetur adipiscing elit. Thin Donec placerat fermentum rutrum. Maecenas sed mattis ante. Quisque imperdiet, mauris a sollicitudin fringilla, nulla urna pretium augue. ExtraLight Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat fermentum rutrum. Maecenas sed mattis ante. Quisque imperdiet, mauris a sollicitudin fringilla, nulla urna pretium augue. Lorem Light ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat fermentum rutrum. Maecenas sed mattis ante. Quisque imperdiet, mauris a sollicitudin fringilla, nulla urna pretium augue. Lorem Regular ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat fermentum rutrum. Maecenas sed mattis ante. Quisque imperdiet, mauris a sollicitudin fringilla, nulla urna pretium augue. Lorem Medium ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat fermentum rutrum. Maecenas sed mattis ante. Quisque imperdiet, mauris a sollicitudin fringilla, nulla urna pretium augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bold Donec placerat fermentum rutrum. Maecenas sed mattis ante. Quisque imperdiet, mauris a sollicitudin fringilla, nulla urna pretium augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ExtraBold placerat fermentum rutrum. Maecenas sed mattis ante. Quisque imperdiet, mauris a sollicitudin fringilla, nulla urna pretium augue. Accord Italic Cette typographie ne comportant pas d italique, nous préconisons pour cet usage une inclinaison à 10 de chaque variante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat fermentum rutrum. Maecenas sed mattis ante. Quisque imperdiet, mauris a sollicitudin fringilla, nulla urna pretium augue. 10

11 Déclinaisons II 11

12 8mm minimum 5mm minimum 8mm minimum Logotype les Utilisations (1) 5mm minimum (2) 1cm minimum (3) (4) (5) 1cm minimum 1cm minimum (6) La zone de protection du logo est dans la mesure du possible de 8 mm de chaque côté et de 5 mm en haut et en bas (1). La taille minimum à respecter est de 1 cm (2). Le logo comporte 3 déclinaisons : la version simili pour les documents en noir et blanc, la version noire tramée et blanche tramée pour les utilisations spécifiques à adapter en fonction des besoins (applats de couleurs, photos, objets promotionnels) (3). Un logo noir monochrome a été réalisé pour l utilisation du fax (4). Si le logo est utilisé en noir ou blanc tramé dans un petit format, il est recommandé d utiliser un noir ou blanc monochrome afin d assurer la lisibilité des axes (5). Il est autorisé d utiliser la version quadri sur des applats de couleurs pastelles en veillant à l harmonie de l ensemble (6). En fonction du support à réaliser, le logo s appropriera la couleur la plus avantageuse. Il sera ainsi traité en monochromie et les axes seront tramés aux pourcentages précisés page 8 (7). (7) 12

13 Logotype les Interdits (1) (2) (4) (3) (4) Le logo ne peut être dépourvu des 7 axes le constituant (1). Il ne peut pas être encadré, posé sur fond de couleur vive ou photo foncée dans sa version quadri (2). La version blanche ne peut être utilisée sur fond pastel (3). Il ne peut subir ni déformation ni dissociation et ses couleurs ne peuvent être modifiées (4). 13

14 Typographie les Préconisations Titre Accord ExtraBold Accord Sous-titre Light Accord Texte courant Regular Accord Medium Italic Citation En dehors de l utilisation propre au logo, l usage de la typographie Accord est libre. Les préconisations ci-dessus forment une base de principe. La typographie Accord et ses variantes peuvent être utilisées à la fois pour les titres et les corps de texte. Nous préconisons de jouer sur les variantes de cette typographie en associant les opposés se répondant entre eux et créant ainsi du rythme et des niveaux de lectures clairs : ExtraBold Light L utilisation de deux variantes sur un même mot ou groupe de mot est autorisé afin de moderniser et accrocher le regard : Modernité Toutefois, il est important de controler l utilisation des variantes fines pour assurer la lisibilité. 14

15 Utilisation Iconographique III 15

16 Le concept Le C vient se décliner en véritable symbole pour représenter l institution à la manière d une signature. Il est toujours associé à un mot ou un groupe de mot qui le positionne dans un domaine. C est un outil de communication fort qui illustre «CHÂTEAUROUX MÉTROPOLE» en lui conférant un caractère identitaire simple et déclinable pour couvrir l ensemble des grandes thématiques du territoire castelroussin. 16

17 Icone Icone 17

18 Icone Icone les Utilisations Culture Économie Loisirs Tourisme L icone est utilisé soit dans sa version grise avec les axes tramés sur fond blanc, voire pastel et dans sa version blanche sur photo ou sur fond de couleur vive. Les 7 couleurs des axes peuvent être utilisées pour une version monochrome de l icone tout en conservant les pourcentage de tramés définis page 8. Icone Il est envisageable de considérer les 7 axes comme étant un ou des icones potentiels. Ceux-ci peuvent aussi être déclinés dans une version monochrome tramée. Pour le reste, les règles d utilisation sont identiques à celles du logotype. 18

19 Icone les Interdits (1) Icone (2) (3) Lorem Ipsum Italove Icone Icone Les axes de l icone sont obligatoirement traités de la même couleur que le «C» et tramés selon les indications de la page 8 (1). L icone comporte obligatoirement un texte en dessous et le «C» ne peut être utilisé seul. Les 7 axes ne peuvent pivoter sur eux-mêmes (2). Le mot ou groupe de mot associé au «C» ne doit pas altérer le rendu graphique de l icone (3). Les versions couleurs de l icone ne peuvent être utilisés sur photo ou fond de couleur vive (4). Pour le reste, les interdits sont identiques à celles du logo. (4) Icone 19

20 Exemples d Applications IV 20

21 6,5mm 50,5mm 40mm Papeterie La couleur des textes utilisée dans la papeterie est le gris général (C60/M49/J42/N11) Papier à en-tête : Le logo mesure 40 mm x 50,5 mm. Il est à 6,5 mm de la tête de page et centré dans la largeur. La version quadri est obligatoire. Les coordonnées sont situées à 7 mm du pied de page et centrées dans la largeur. La typographie est Accord Regular et Accord ExtraBold pour le site internet. Le corps est de 10 pt, l interligne de 14 pt. Hôtel de ville - CS CHÂTEAUROUX Cedex - Tél Fax mm 4mm 4mm 24mm 10,5mm 30mm Gil Avérous Maire de Châteauroux Président de Châteauroux Métropole cabinetdumaire@chateauroux-metropole.fr 10mm Hôtel de ville - CS CHÂTEAUROUX Cedex Tél Fax mm 4mm Carte de visite : Le logo mesure 30 mm x 24 mm. Il est à 4 mm de la tête de page et centré dans la largeur. La version quadri est obligatoire. Le texte est en fer gauche avec une marge de 4 mm. ExtraBold / Corps 11 pt Light / Corps 7,5 pt / Interligne 11 pt Light / Corps 7,5 pt / Interligne 9 pt ExtraBold / Corps 7 pt / Interligne 13 pt Light / Corps 7 pt / Interligne 8,5 pt ExtraBold / Corps 7,5 pt / Interligne 11 pt 21

22 5mm 8mm 32,5mm 26mm Carte de corespondance : Le logo mesure 26 mm x 32,5 mm. Il est à 5 mm de la tête de page et à 8 mm de la marge gauche. La version quadri est obligatoire. Les coordonnées sont situées à 5 mm du pied de page et centrées dans la largeur. La typographie est Accord Regular et Accord ExtraBold pour le site internet. Le corps est de 9,5 pt, l interligne de 13 pt. Hôtel de ville - CS CHÂTEAUROUX Cedex - Tél Fax mm 5mm 32,5mm 26mm 8mm Hôtel de ville - CS CHÂTEAUROUX Cedex - Tél Fax mm Carte de corespondance : Le logo mesure 26 mm x 32,5 mm. Il est à 5 mm de la tête de page et à 8 mm de la marge gauche. La version quadri est obligatoire. Les coordonnées sont situées à 5 mm du pied de page et centrées dans la largeur. La typographie est Accord Regular et Accord ExtraBold pour le site internet. Le corps est de 10 pt, l interligne de 14 pt. 22

23 8,5mm 10mm RÉPUBLIQUE FRANÇAISE 2mm 34mm 27mm RÉPUBLIQUE FRANÇAISE Enveloppe A5 : Le texte est à 6 mm de l en-tête de page et à 8 mm de la marge gauche. La typographie est Accord Regular. Le corps est de 7,5 pt et en capitale. Le logo mesure 27 mm x 34 mm. Il est à 2 mm du texte et à 10 mm de la marge gauche. Il existe une version quadri et monochrome (C60/M49/J42/N11). Enveloppe A4 : Le texte est à 9,5 mm de l en-tête de page et à 13 mm de la marge gauche. La typographie est Accord Regular. Le corps est de 9,5 pt et en capitale. Le logo mesure 34 mm x 42 mm. Il est à 3 mm du texte et à 14 mm de la marge gauche. Il existe une version quadri et monochrome (C60/M49/J42/N11). RÉPUBLIQUE FRANÇAISE 3mm 9,5mm 13mm 6mm 42mm 14mm 34mm RÉPUBLIQUE FRANÇAISE 23

24 RÉPUBLIQUE FRANÇAISE RÉPUBLIQUE FRANÇAISE 2mm 5mm 8mm 33mm 9mm 26mm 7mm RÉPUBLIQUE FRANÇAISE 2mm 33mm 5mm Enveloppe 21 cm x 10 cm : Le texte est à 5 mm de l en-tête de page et à 8 mm de la marge gauche. La typographie est Accord Regular. Le corps est de 7,5 pt et en capitale. Le logo mesure 26 mm x 33 mm. Il est à 2 mm du texte et à 8 mm de la marge gauche. Il existe une version quadri et monochrome (C60/M49/J42/N11). 8mm 26mm RÉPUBLIQUE FRANÇAISE Enveloppe 15 cm x 10 cm : Le texte est à 5 mm de l en-tête de page et à 8 mm de la marge gauche. La typographie est Accord Regular. Le corps est de 7,5 pt et en capitale. Le logo mesure 26 mm x 33 mm. Il est à 2 mm du texte et à 9 mm de la marge gauche. Il existe une version quadri et monochrome (C60/M49/J42/N11). Signature mail La signature de mail est réalisée en interne. Seul le logo est fourni au format 150 px x 150 px à 72 DPI en RVB. 24

25 La couleur des textes utilisée dans le powerpoint est le gris général (R113/V116/B120) Powerpoint Accord Titre de présentation Accord Date Light ExtraBold Accord Lieu Light Ecran de titre Accord Titre d entrée de chapitre ExtraBold Ecran intercalaire Accord Light Date Accord Light Lieu 25

26 Accord Titre d entrée de chapitre ExtraBold Accord Texte courant Regular Ecran texte Accord Light Date Accord Light Lieu Accord Titre d entrée de chapitre ExtraBold Ecran Image Ecran Tableau Ecran Graphique Accord Light Date Accord Light Lieu 26

27 Communiqué de Presse : Le logo mesure 40 mm x 50,5 mm. Il est à 6,5 mm de l en-tête de page et à 12 mm de la marge gauche. La version quadri est obligatoire. Les coordonnées sont situées à 7 mm du pied de page et centrées dans la largeur. La couleur des textes utilisée dans le communiqué est le gris général (C60/M49/J42/N11). Presse 6,5mm 12mm 50,5mm 40mm Titre Communiqué de Presse Lieu, date ExtraBold / Corps 40 pt Light / Corps 12 pt ExtraBold / Corps 35 pt Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id vehicula dui, vel dictum velit. Praesent feugiat tortor at est congue, eu placerat tellus aliquet. Nulla sagittis orci non nulla luctus, at rhoncus nibh efficitur. Sed tellus nulla, ornare faucibus sollicitudin vitae, porttitor et quam. Aliquam malesuada id neque et venenatis. Cras cursus convallis dolor, posuere aliquet id a ipsum. Nulla efficitur leo est, vitae tristique magna consequat eu. Pellentesque diam mi, facilisis eget ante id, efficitur lobortis sapien. Nam lectus lacus, ultrices nec urna vitae, interdum consequat orci. Texte Aenean fermentum enim nec fringilla ultricies. Duis non magna ultricies, dapibus orci ut, dignissim elit. Sed blandit nisi eget purus fringilla, tristique suscipit arcu varius. Ut malesuada, velit vitae blandit lacinia, nunc augue suscipit dolor, vel fringilla ligula nunc non nisl. Nunc posuere rutrum tempor. Mauris luctus eros a eleifend semper. Vivamus nec orci id mi consequat pellentesque nec laoreet lacus. Donec sed ultrices augue. Phasellus rutrum rhoncus lorem, id consectetur justo. Duis at rutrum arcu. Sed mi mauris, rutrum posuere est non, maximus commodo ipsum. ullamcorper. Nunc nec vehicula nulla, sit amet congue lacus. Aenean porttitor dictum dolor, eu congue enim pharetra sedin ligula magna. Nulla facilisi. Donec porta pulvinar ex sit amet elementum. Regular / Corps 12 pt Interligne 15 pt La photo sera changée selon le sujet. Contact Direction de la Communication Alexis Rousseau-Jouhennet alexis.rousseau-jouhennet@chateauroux-metropole.fr Tél Hôtel de ville - CS CHÂTEAUROUX Cedex - Tél Fax mm Light / Corps 12 pt ExtraBold / Corps 10 pt Interligne 15 pt Light / Corps 10 pt Interligne 12 pt Light / Corps 10 pt ExtraBold / Corps 10 pt Interligne 14 pt 27

28 Light / Corps 12 pt ExtraBold / Corps 10 pt Interligne 15 pt Light / Corps 10 pt Interligne 12 pt Dossier de Presse : Le logo mesure 40 mm x 50,5 mm. Il est à 6,5 mm de l en-tête de page et à 12 mm de l axe central. La version quadri est obligatoire. Les coordonnées sont situées à 7 mm du pied de page et centrées dans la largeur. La couleur des textes utilisée dans le dossier de presse est le gris général (C60/M49/J42/N11). 6,5mm 12mm 50,5mm 40mm Contact Presse Direction de la Communication Alexis Rousseau-Jouhennet alexis.rousseau-jouhennet@chateauroux-metropole.fr Tél Dossier de Presse date Titre Hôtel de ville - CS CHÂTEAUROUX Cedex - Tél Fax La photo sera changée selon le sujet. Light / Corps 10 pt ExtraBold / Corps 10 pt Interligne 14 pt ExtraBold / Corps 35 pt ExtraBold / Corps 40 pt Light / Corps 12 pt 28

29 Numérique Seule la version numérique autorise un détachement du mot ou groupe de mots du «C». 29

30 Principes génériques V éhicule Signalétique Véhicules Principes génériques V éhicule Principes génériques V éhicule Charte graphique de la ville d Issoire page 25.is i.fr Charte graphique de la ville d Issoire page 27 Charte graphique de la ville d Issoire page 26 30

31 31 Objets Promotionnels Logotype

32 Objets Promotionnels Icone Sport Sport Sport 32

33 Conclusion VI L agence Puzzle Centre a réalisé ce guide afin que chacun puisse se l approprier aisément. Si vous souhaitez valider une utilisation du logotype, nous vous remercions de prendre contact avec : CHÂTEAUROUX MÉTROPOLE Direction de la Communication Alexis Rousseau-Jouhennet alexis.rousseau-jouhennet@chateauroux-metropole.fr Tél :

34 34 Notes

35 35

36 Photo : Thierry Vincent / Conception PUZZLE CENTRE