charte graphique de la ville d’ondres · 2017. 5. 10. · c) la typographie de substitution la...

16
© Service communication Mairie d’Ondres Charte graphique 2017 Charte graphique de la ville d’Ondres Avril 2017 VERSION EXTERNE Service communication Mairie d’Ondres 2189, avenue du 11 novembre 1918 40440 ONDRES www.ondres.fr & facebook.com/villeondres [email protected] 05.59.45.29.15

Upload: others

Post on 19-Aug-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Charte graphique de la ville d’Ondres · 2017. 5. 10. · c) La typographie de substitution La charte graphique de la commune d’Ondres intègre également une typographie de substitution,

© Service communication Mairie d’Ondres – Charte graphique – 2017

Charte graphique de la ville d’Ondres

Avril 2017

VERSION EXTERNE

Service communication

Mairie d’Ondres

2189, avenue du 11 novembre 1918

40440 ONDRES

www.ondres.fr & facebook.com/villeondres

[email protected]

05.59.45.29.15

Page 2: Charte graphique de la ville d’Ondres · 2017. 5. 10. · c) La typographie de substitution La charte graphique de la commune d’Ondres intègre également une typographie de substitution,

© Service communication Mairie d’Ondres – Charte graphique – 2017

I/ INTRODUCTION

a) Le cheminement

II/ LE LOGOTYPE

a) Aperçus b) La taille minimale d’utilisation c) Les couleurs d) La typographie e) Logo institutionnel vs logo partenaire f) Les déclinaisons des logos g) Les interdits h) Quelques exemples d’utilisation

III/ LA TYPOGRAPHIE

a) La typographie institutionnelle b) La typographie du courrier c) La typographie de substitution d) Les éléments graphiques associés

IV/ LIENS DE TÉLÉCHARGEMENT ET COPYRIGHT

VERSION EXTERNE NON COMPLETE

Page 3: Charte graphique de la ville d’Ondres · 2017. 5. 10. · c) La typographie de substitution La charte graphique de la commune d’Ondres intègre également une typographie de substitution,

© Service communication Mairie d’Ondres – Charte graphique – 2017

introduction

Page 4: Charte graphique de la ville d’Ondres · 2017. 5. 10. · c) La typographie de substitution La charte graphique de la commune d’Ondres intègre également une typographie de substitution,

© Service communication Mairie d’Ondres – Charte graphique – 2017

I/ INTRODUCTION a) Le cheminement

La ville d’Ondres possédait un logotype datant de 2012. Constitué des

éléments emblématiques de la commune, à savoir l’océan (représenté par une

vague), la forêt (représenté par un arbre) et le soleil, il s’inspirait

graphiquement de l’idée du bouton d’application mobile et comportait de fait

un encadré, qui avait tendance à complexifier le montage graphique de visuels

(affiches, flyers, etc.). Son motif graphique était ensuite complété par une

« baseline » reprenant l’accroche identitaire de la ville, à savoir : Ondres

naturellement. La baseline était inscrite en gras et italique.

L’idée de cette nouvelle charte graphique est née de la volonté d’alléger et

moderniser ce logo ainsi que de le rendre plus facile d’usage, tout en

conservant son identité, totalement en adéquation avec celle de la commune.

De plus, outre l’existence de ce logo, la ville ne possédait pas de réelle charte

graphique permettant de régir les usages de ce logotype, ni de décliner

l’identité visuelle d’Ondres sur l’ensemble de ces supports de communication.

Ainsi, désormais, cette nouvelle charte graphique a pour ambition d’offrir à la

commune une identité visuelle complète qui lui ressemble davantage : une

ville qui grandit harmonieusement, fière de son patrimoine naturel qu’elle

protège et embellit ; une ville moderne et bien dans son temps. Elle permet

aussi « d’assoir » l’identité graphique et visuelle de la ville en créant une

cohérence entre tous ses supports de communication. Enfin, elle est un outil

afin de savoir ce qu’il faut faire, ou ne pas faire, en matière de création de

supports de communication, à visées interne comme externe.

Le présent document recense toutes ses règles et permet à chacun de trouver

aisément le document dont il a besoin et sa nomenclature.

Page 5: Charte graphique de la ville d’Ondres · 2017. 5. 10. · c) La typographie de substitution La charte graphique de la commune d’Ondres intègre également une typographie de substitution,

© Service communication Mairie d’Ondres – Charte graphique – 2017

Page 6: Charte graphique de la ville d’Ondres · 2017. 5. 10. · c) La typographie de substitution La charte graphique de la commune d’Ondres intègre également une typographie de substitution,

© Service communication Mairie d’Ondres – Charte graphique – 2017

II/ LE LOGOTYPE a) Aperçus

- Le logo institutionnel (ville)

- Le logo partenaire

b) La taille minimale d’utilisation Sur l’ensemble des supports de communication, les logos ne doivent pas être utilisés en-dessous de certaines dimensions afin d’être lisibles. Ainsi : - Le logo institutionnel ne doit pas être utilisé avec une dimension

inférieure à 20 mm de large. - Le logo partenaire, également, ne doit pas être utilisé avec une

dimension inférieure à 20 mm de large. c) Les couleurs

Le fichier du logo est disponible sur notre serveur « partage » et ne doit pas être modifié. Afin de créer des supports avec une harmonie de couleur, voici les références couleurs du logo (CMJN pour l’impression, RVB pour le web, PANTONE pour l’impression en une ou deux couleurs) :

CMJN

Bleu : 86 48 0 0

Jaune : 0 20 100 0

Vert : 83 6 97 1

RVB

Bleu : 0 119 192

Jaune : 255 203 4

Page 7: Charte graphique de la ville d’Ondres · 2017. 5. 10. · c) La typographie de substitution La charte graphique de la commune d’Ondres intègre également une typographie de substitution,

© Service communication Mairie d’Ondres – Charte graphique – 2017

Vert : 0 166 80

PANTONE

Bleu : 641 C

Jaune : 123 C

Vert : 347 C

d) La typographie

Sur les supports de communication internes et externes, des typographies précises doivent être choisies selon les usages. Prière de se référer à la troisième partie du présent document.

Les logos, quant à eux, sont en police « Jaurès ». La commune d’Ondres a été autorisée à utiliser la typographie Jaurès par ses ayants droit, et ce pour l’ensemble de sa communication institutionnelle. La typographie Jaurès a été réalisée par l’agence de communication 4uatre (Gregori Vincens, Antoni Bellanger et Bertrand Reguron).

Au sein des logos institutionnel et partenaire, le nom de la ville est inscrit :

- En lettres capitales - En Jaurès Black - Avec une échelle hauteur et largeur de 100% - L’approche de groupe est de +15

De son côté, l’accroche « naturellement » est inscrite en :

- Lettres minuscules à l’exception de la première lettre - En Jaurès Regular - Avec une échelle hauteur et largeur respectivement de 90% et 100% - L’approche de groupe est de +15

e) Logo institutionnel vs logo partenaire

Comme visuellement présenté ci-avant, la commune dispose de deux logos pensés pour deux usages différents.

- Le logo institutionnel est à usage strictement limité aux services de la Mairie. Nul n’a le droit, s’il ne travaille pas au sein des services de la ville d’Ondres, de se servir de ce logo sur des supports de communication.

- Le logo partenaire, comme son nom l’indique, doit être utilisé par les partenaires sur leurs supports de communication. Il a un format rectangulaire. Il est réservé aux tiers avec qui la Mairie d’Ondres entretient, dans le cadre d’une manifestation, d’un contrat, un partenariat. Quand l’utiliser ? À partir du moment où la commune réalise un prêt de locaux ou met à disposition du personnel. Comment l’utiliser ? Le logo est téléchargeable via les liens de téléchargement présents en partir VIII du présent document. Le partenaire se doit de signaler toute volonté d’utilisation du logo auprès du service communication et se doit de respecter les règles d’utilisation édictées dans cette charte graphique.

Page 8: Charte graphique de la ville d’Ondres · 2017. 5. 10. · c) La typographie de substitution La charte graphique de la commune d’Ondres intègre également une typographie de substitution,

© Service communication Mairie d’Ondres – Charte graphique – 2017

f) Les déclinaisons des logos

Sur les supports édités par les services de la commune avec logo institutionnel ou ceux réalisés par des tiers utilisant le logo partenaire, il existe plusieurs déclinaisons de logos, dont le choix de l’utilisation doit se faire afin d’assurer à ce dernier la meilleure visibilité et lisibilité possible.

En ce qui concerne le logo institutionnel, il peut être utilisé en version quadrichromie avec fond blanc, quadrichromie sans fond blanc (uniquement quand le support est de type blanc transparent. Ex : verres Ecolocup) ou en version noire sur fond blanc. La version N&B sera utilisée avec parcimonie et dans le cas précis où une disharmonie esthétique se présenterait entre le support et le logo en couleur (exemple : enveloppes de la commune en papier kraft).

Concernant le logo partenaire, il est également disponible en version quadrichromie ou monochrome. La version couleur devra elle aussi être privilégiée, et l’usage de la version N&B, ne pourra se faire que sur demande du fichier au service communication.

g) Les interdits

Outre les modalités d’usages précités, il existe des interdits quant à l’utilisation des logos. Ces interdits s’appliquent aux deux versions, institutionnelle et partenaire. Il est interdit :

- D’utiliser tout effet graphique sur et autour du logo (3D, dégradé, ombre, contour, etc.).

- D’inverser ou changer les couleurs. - De le déformer et de changer la proportion de ses éléments (nécessité

de garder l’homothétie) - De modifier la typographie du logo - De remplacer la baseline par une autre mention autre que

« naturellement »

h) Quelques exemples d’utilisation

Voici quelques exemples de mise en scène du logo sur des supports de communication. Selon le format du document, le logo adopte une dimension différente afin d’avoir une lisibilité et une visibilité optimale. Ces dimensions sont spécifiées en partie V.

Page 9: Charte graphique de la ville d’Ondres · 2017. 5. 10. · c) La typographie de substitution La charte graphique de la commune d’Ondres intègre également une typographie de substitution,

© Service communication Mairie d’Ondres – Charte graphique – 2017

Page 10: Charte graphique de la ville d’Ondres · 2017. 5. 10. · c) La typographie de substitution La charte graphique de la commune d’Ondres intègre également une typographie de substitution,

© Service communication Mairie d’Ondres – Charte graphique – 2017

Page 11: Charte graphique de la ville d’Ondres · 2017. 5. 10. · c) La typographie de substitution La charte graphique de la commune d’Ondres intègre également une typographie de substitution,

© Service communication Mairie d’Ondres – Charte graphique – 2017

III/ LA TYPOGRAPHIE a) La typographie institutionnelle

« Jaurès » est la typographie institutionnelle de la commune, celle qui en est l’identité.

On la retrouve ainsi pour les accroches, la signalétique, les affiches, la titraille sur les flyers, les titres sur les supports de communication internes et externes, les intitulés de directions/services sur les documents administratifs.

Globalement c’est la police des entêtes et intertitres de documents administratifs ou supports de communication. Elle est également présente sur les cartes de visite et les signatures d’emails.

Elle est disponible en huit épaisseurs. Toutes sont utilisables à l’exception de la Jaures Black Italic, qui est moins lisible. Cette typographie peut être utilisée en minuscules comme majuscules.

Les fichiers de téléchargement de la police Jaurès sont disponibles sur le serveur, dans le dossier de la charte intitulé « Les typographies autorisées ».

Page 12: Charte graphique de la ville d’Ondres · 2017. 5. 10. · c) La typographie de substitution La charte graphique de la commune d’Ondres intègre également une typographie de substitution,

© Service communication Mairie d’Ondres – Charte graphique – 2017

b) La typographie du courrier

Pour ce qui est du texte au sein des courriers et tous documents administratifs ainsi que sur les textes de flyers/plaquettes (hors titraille), il faut utiliser la police « Arial ». Elle ne doit pas, par contre, être utilisée sur les affiches.

Arial possède plusieurs avantages : accessibles à tous sans téléchargement de polices, facilement lisibles car lettres bâton, à la fois académique, originale et moderne.

Arial est disponible en trois épaisseurs distinctes : le Regular, le Bold et le Black. Le Black ne sera pas utilisé dans sa version italique.

c) La typographie de substitution

La charte graphique de la commune d’Ondres intègre également une typographie de substitution, à savoir une police de caractères qui peut se substituer à Jaurès sur les supports de communication externe que sont les affiches, flyers ou plaquettes quand cela est nécessaire.

En effet, il peut arriver qu’une accroche, un slogan, un message nécessitent d’être mis en exergue sur une création graphique, auquel cas, ce sera la typographie de substitution qui sera utilisée.

Il s’agit de la police Segoe Script.

Page 13: Charte graphique de la ville d’Ondres · 2017. 5. 10. · c) La typographie de substitution La charte graphique de la commune d’Ondres intègre également une typographie de substitution,

© Service communication Mairie d’Ondres – Charte graphique – 2017

Elle présente l’avantage de pouvoir exprimer une parole dite à l’oral, de mettre en relief une accroche, ou encore d’offrir un côté « sympathique », moins académique, au message tout en conservant la lisibilité.

Segoe Script

Segoe Script

SEGOE SCRIPT

SEGOE SCRIPT

Exemples d’applications :

d) Les éléments graphiques associés

Il s’agit de motifs et frises qui sont créés à partir d’éléments constitutifs du logo.

Ils permettent d’installer l’identité graphique de la commune dans un ensemble esthétiquement cohérent. Évidemment, beaucoup de motifs peuvent naître du logo.

Ainsi, à Ondres, deux éléments majeurs (et un annexe) ont été sélectionnés et doivent apparaître harmonieusement sur les documents.

Page 14: Charte graphique de la ville d’Ondres · 2017. 5. 10. · c) La typographie de substitution La charte graphique de la commune d’Ondres intègre également une typographie de substitution,

© Service communication Mairie d’Ondres – Charte graphique – 2017

Le trio de soleil est détouré et disponible en couleurs (à prioriser) ou en N&B.

Ce motif est majoritairement utilisé pour les documents administratifs, ne devant pas être trop originaux. Selon la nature de la composition graphique et du support (exemple : papier kraft…), on lui préfèrera la version N&B.

Les motifs du logo dans son intégralité sont utilisés détourés (sans fond blanc). Cet élément graphique associé à la charte et disponible en bleu, en bleu atténué (17% de la couleur initiale) comme sur le document présent, et en niveaux de gris. Le choix varie en fonction du type de support réalisé, mais ces motifs ne doivent pas apparaître sur les courriers administratifs.

Enfin, le bouton soleil tricolore peut être utilisé pour motif décoratif ou indicateur de paragraphes, selon le support de communication. Il n’apparait jamais sur un courrier administratif.

Tous ces éléments peuvent être redimensionnés, mais il convient de toujours garder leur homothétie.

Page 15: Charte graphique de la ville d’Ondres · 2017. 5. 10. · c) La typographie de substitution La charte graphique de la commune d’Ondres intègre également une typographie de substitution,

© Service communication Mairie d’Ondres – Charte graphique – 2017

Page 16: Charte graphique de la ville d’Ondres · 2017. 5. 10. · c) La typographie de substitution La charte graphique de la commune d’Ondres intègre également une typographie de substitution,

© Service communication Mairie d’Ondres – Charte graphique – 2017

La présente charte graphique et ses différentes composantes

sont la propriété de la ville d’Ondres.

Propriété : ville d’Ondres Conception-rédaction : Muriel Tancrez/Service communication/Avril 2017

Service communication de la ville d’Ondres

2189, avenue du 11 novembre 1918

40440 ONDRES

05.59.45.29.15

06.07.76.34.99

[email protected]

www.ondres.fr

facebook.com/villeondres

La charte dans sa version intégrale et

l’ensemble des fichiers qui la composent sont

disponibles sur le serveur municipal.

Le logo partenaires

(à utiliser dans le cadre d’un partenariat avec la Mairie d’Ondres)

est téléchargeable sur www.ondres.fr,

rubrique « Charte graphique de la ville ».

Merci de nous faire parvenir une copie du support de communication

intégrant notre logo partenaires.

Logo monochrome sur demande.

IV/ LIENS DE

TÉLÉCHARGEMENT

ET COPYRIGHT