03.04.2014 Views

Charte graphique complémentaire - L'Atelier

Charte graphique complémentaire - L'Atelier

Charte graphique complémentaire - L'Atelier

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

<strong>Charte</strong> <strong>graphique</strong> complémentaire<br />

Organismes<br />

Associés<br />

10/2012


Avertissement<br />

Cette charte est la propriété du conseil régional d’Île-de-France. Aucun document mentionnant<br />

ce logotype et ces blocs marques ne pourra être édité sans l’accord préalable de l’unité<br />

communication.<br />

2 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

3


Déclaration éditoriale<br />

Des outils et des normes au service d’une marque, la Région Île-de-France,<br />

et de ses différents organismes associés.<br />

La charte développée ci-après fait partie d’un ensemble d’outils au service de la communication<br />

de la Région Île-de-France.<br />

Ce document a valeur de complément à la charte <strong>graphique</strong> de la Région et s’inscrit dans<br />

la continuité du travail effectué dans un souci de cohérence à la fois <strong>graphique</strong> et institutionnel.<br />

La charte <strong>graphique</strong><br />

Elle est constituée de principes, règles et recommandations <strong>graphique</strong>s fondant la communication<br />

visuelle des organismes associés de la collectivité.<br />

C’est dans un objectif de clarification et de cohérence, dans un juste dosage entre contraintes et<br />

libertés que sont fixés les principes généraux du bloc-marque (typographie, zones de protection...)<br />

et son utilisation sur différents supports.<br />

Le bloc-marque, matrice <strong>graphique</strong><br />

Le bloc-marque est l’emblème, le symbole de l’organisme qu’il représente et dont il est vecteur<br />

d’images et de sens.<br />

La liberté est ainsi totale quant à la création <strong>graphique</strong> du logo de l’organisme, cette charte<br />

étant développée dans le but de retranscrire les liens de filiation avec la marque « Île-de-France »,<br />

son pouvoir d’attraction, son impact et son rayonnement.<br />

Définir un cadre <strong>graphique</strong> pour ces organismes, c’est protéger leurs actions et leur permettre<br />

d’atteindre la résonance qu’ils méritent.<br />

Avec la volonté d’améliorer en permanence l’efficacité de l’expression des organismes associés<br />

de la Région Île-de-France, nous vous invitons à faire le meilleur usage de cette charte <strong>graphique</strong>.<br />

L’unité communication.<br />

4 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

5


Avant-propos<br />

Sommaire<br />

1<br />

L’architecture<br />

2<br />

La<br />

3<br />

La<br />

d’une marque reflète la hiérarchisation des émetteurs et des messages.<br />

La multiplicité des émetteurs, des niveaux de discours et des outils impose une<br />

organisation rigoureuse.<br />

marque-institution Île-de-France est un émetteur institutionnel majeur doté<br />

d’une identité logotypique forte et signifiante. Cette identité doit être respectée.<br />

La discipline liée à la représentation <strong>graphique</strong> de l’Île-de-France va de soi, elle est impérative<br />

: le signe iconique, la typographie, la chromie ne peuvent pas être modifiés, ni réinterprétés<br />

en ce qui concerne les blocs-marques.<br />

marque-institution a une position de marque-mère. La marque-mère cautionne<br />

les instances partenaires comme les organismes associés, la coexistence identitaire<br />

n’entrainant pas de lien de dépendance mais construisant une approche systémique<br />

harmonieuse dans une logique de cobranding permanent.<br />

L’unité communication.<br />

1<br />

1. Le bloc-marque ..........................................p. 8<br />

A<br />

B<br />

C<br />

A. Construction du bloc-marque ..............................p. 11<br />

B. Spécificités du bloc-marque sur les réseaux sociaux ...........p. 18<br />

C. Les interdits .............................................p. 20<br />

2<br />

2. Le cologotage ...........................................p. 24<br />

A<br />

B<br />

C<br />

A. Entre la Région et un organisme associé .....................p. 26<br />

B. Entre plusieurs organismes associés ........................p. 28<br />

C. Les interdits .............................................p. 29<br />

3<br />

3. Exemples d'applications ...................................p. 30<br />

A<br />

B<br />

A. La papèterie .............................................p. 32<br />

B. Les sites Internet ........................................p. 36<br />

6 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

7


Le bloc-marque<br />

Le respect de la charte <strong>graphique</strong><br />

garantit la cohérence, la force<br />

et la qualité de perception<br />

de l’identité visuelle de la Région<br />

et de ses organismes associés.<br />

8 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

9


Le bloc-marque<br />

Construction du bloc-marque<br />

1<br />

Pour<br />

le logo de l’instance, pas de détournement ni de réinterprétation des éléments<br />

constituants du logo Île-de-France lui-même.<br />

2<br />

Pas<br />

de vampirisation du logo de l’organisme associé par le logo Île-de-France.<br />

3<br />

Pas<br />

de lien de subordination, l’Île-de-France est la marque caution,<br />

le point d’appui symbolique.<br />

4<br />

Nous<br />

recommandons d’intégrer un énoncé d’activité à l’intérieur du bloc-marque pour<br />

tous les logos des organismes qui ne sont pas explicites de leur activité/mission.<br />

10 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

11


Le bloc-marque<br />

Le principe<br />

Le bloc-marque<br />

Le principe<br />

L’unité de mesure<br />

L’unité de mesure de référence pour la mise en place des deux logotypes et de leur cadre gris<br />

est le « F » du logotype « Île-de-France » et sa demi valeur ( ½ « F »).<br />

unités de mesure « F » et ½ « F »<br />

Observatoire du livre<br />

et de l’écrit<br />

Les zones de protection<br />

La zone de protection entre le logotype « Île-de-France » et son cadre est de un « F » vertical<br />

pour les marges haute et basse et de 1 « F » horizontal pour les marges droite et gauche.<br />

Pour le logotype « organisme », la zone de protection est de 1 « F » vertical pour la marge haute<br />

et de 1 « F » horizontal pour les marges droite et gauche.<br />

Observatoire du livre<br />

et de l’écrit<br />

Le logotype de l’organisme est placé au dessus du logotype « Île-de-France ».<br />

Chaque logotype est placé dans un cartouche blanc avec un filet gris<br />

afin de renforcer le lien entre les deux identités.<br />

Les blocs sont séparés pour améliorer leur lisibilité, et démontrer aussi<br />

l’indépendance de l’organisme.<br />

La couleur des filets<br />

Quadrichromie :<br />

C 0 %<br />

M 0 %<br />

J 0 %<br />

N 50 %<br />

Les filets de contour<br />

Les filets sont impérativement en noir à 50%.<br />

Leur épaisseur varie en fonction de la largeur du logotype « Île-de-France » :<br />

Largeur du logotype « Île-de-France »<br />

de 31 mm à 50 mm<br />

de 51 mm à 100 mm<br />

de 101 mm à 210 mm<br />

de 211 mm à 420 mm<br />

Épaisseur des filets de blocs<br />

0,3 Pt<br />

0,6 Pt<br />

1 Pt<br />

2 Pt<br />

12 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

13


Le bloc-marque<br />

Le principe<br />

Le bloc-marque<br />

Règles typo<strong>graphique</strong>s<br />

Le champ de mission<br />

Police de caractère utilisée : Helvetica Neue LT Std 53 Extended.<br />

Couleur : noir 50%.<br />

Taille du corps : la hauteur de fût du champ de mission est égale à la hauteur d’½ « F » horizontal.<br />

Interlignage : automatique.<br />

Approche : 0 Pt.<br />

Échelle verticale et horizontale : 100%.<br />

Observatoire du livre<br />

et de l’écrit<br />

la hauteur de fût du champ de mission est égale<br />

à la hauteur d’½ « F » horizontal.<br />

Positionnement du champ de mission<br />

Le champ de mission est centré sur le logotype « organisme ».<br />

L’espace entre le logotype « organisme » et le haut de la hauteur d’x du champ de mission est d’½ « F ».<br />

L’espace entre le bas de la hauteur d’x du champ de mission et le bas du bloc est d’½ « F ».<br />

Au même titre que le logotype ou les couleurs, la typographie participe directement à la mise en<br />

œuvre de l’identité visuelle.<br />

En rappel<br />

La police de caractère utilisée est l’Helvetica Neue LT Std 53 Extended, en noir 50% ;<br />

la taille du corps étant fixée via une hauteur de fût égale à la hauteur d’½ « F » horizontal, avec un<br />

interlignage automatique et une approche de 0 Pt. (Cf p.14)<br />

Usage des capitales<br />

Par défaut, le champ de mission commence toujours par une capitale.<br />

Si le champ de mission reprend les initiales présentes dans le logotype auquel il se rattache,<br />

chaque mot définissant l’initiale prendra une majuscule.<br />

Exemple :<br />

Pour le logotype du CERVIA, le champ de mission s’écrira : Centre Régional de Valorisation et<br />

d’Innovation Agricole et Alimentaire.<br />

Observatoire du livre<br />

et de l’écrit<br />

hauteur d’x<br />

hauteur d’x<br />

Centre Régional de Valorisation et<br />

d'Innovation Agricole et Alimentaire<br />

Interstice entre les deux blocs<br />

Les deux blocs sont séparés par un espace d’une valeur de 2 fûts de « F ».<br />

Observatoire du livre<br />

et de l’écrit<br />

Usage de la ponctuation<br />

Il n’y a pas de ponctuation dans le champ de mission.<br />

2 fûts de « F »<br />

14 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

15


Le bloc-marque<br />

Règles typo<strong>graphique</strong>s<br />

Expertise et ressources<br />

pour un développement durable<br />

Le champ de mission de l’organisme associé peut être amené<br />

à être plus large que la largeur du logotype.<br />

Le nom de l’organisme associé étant suffisement explicite,<br />

le champ de mission n’est pas mentionné.<br />

16 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

17


Spécificités du bloc-marque<br />

sur les réseaux sociaux<br />

Les réseaux sociaux étant<br />

des outils de communication<br />

devenus indispensables,<br />

des impératifs spécifiques<br />

permettent de prévenir et de cadrer<br />

l'utilisation du bloc-marque.<br />

Spécificités du bloc-marque<br />

sur les réseaux sociaux<br />

Dans le cadre d’un placement pour une utilisation sur les réseaux sociaux (type Twitter ou Facebook),<br />

le bloc-marque se place dans un carré rouge afin d’éviter son assimilation au reste de la page.<br />

La couleur du carré<br />

RVB : Hexadécimale :<br />

R 255 % FF0000<br />

V 17 %<br />

B 0 %<br />

Le rapport de taille entre le carré et le bloc-marque<br />

Le rapport de taille se fait entre la largeur du carré et celle du bloc-marque.<br />

Ce rapport et de 6/7 ème .<br />

Par exemple, pour un carré de 140 px de largeur, celle du bloc-marque sera de 120 px.<br />

Une fois les tailles définies, le bloc-marque est centré dans la hauteur et dans la largeur du carré.<br />

Les avatars étant de petites tailles, la qualification du champ de mission est supprimée.<br />

18 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

19


Les interdits<br />

Les interdits<br />

Aux impératifs d'utilisation<br />

s'ajoutent des interdictions<br />

absolues afin de prévenir tout<br />

détournement ou modification<br />

du bloc-marque.<br />

Le logotype Île-de-France<br />

Il est interdit de modifier la structure ou les couleurs du logo Île-de-France, ou d’utiliser séparément<br />

les éléments qui le compose (l’étoile seule par exemple).<br />

En quadrichromie, le logotype doit toujours être utilisé en rouge.<br />

Quadrichromie : Ton direct : RVB : Hexadécimale :<br />

C 0 % Pantone : 485 C R 255 % FF0000<br />

M 95 % V 17 %<br />

J 100 % B 0 %<br />

N 0 %<br />

Lors d’une impression en ton(s) direct(s) (hors Pantone 485 C) , le logo sera toujours employé dans le<br />

ton direct le plus foncé de la composition.<br />

ÎledeFrance<br />

L’étoile à huit branches, tout comme la police de caractère utilisée ne doivent pas être modifiées<br />

ou re-dessinées. L’échelle entre les éléments doit être conservée.<br />

IDF<br />

Le bloc identité ne doit jamais être décomposé : l’étoile comme le bloc-marque « Île-de-France »<br />

ne peuvent être séparés, détournés et/ou utilisés avec d’autres éléments.<br />

20 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

21


Les interdits<br />

Les interdits<br />

Tout comme le logotype Île-de-France, il est primordial de respecter les règles de construction<br />

du bloc-marque avec les organismes associés.<br />

Les blancs tournants et espaces de respiration<br />

Les filets de contour<br />

Observatoire du livre<br />

et de l’écrit<br />

Observatoire du livre<br />

et de l’écrit<br />

Observatoire du livre<br />

et de l’écrit<br />

Observatoire du livre<br />

et de l’écrit<br />

Dans le premier contre-exemple ci-dessus, les zones de protection entre les filets et les logotypes<br />

sont trop étroites. Dans le second exemple, l’interstice entre les deux blocs-marques n’est pas<br />

respecté et est trop étroit.<br />

Dans le premier contre-exemple ci-dessus, les cadres sont en noir 100 % et n’ont pas une<br />

épaisseur identique (chaque épaisseur étant trop importante par rapport aux règles établies).<br />

Dans le second exemple, les filets sont en couleur et en pointillés.<br />

Autres<br />

Le champ de mission<br />

Observatoire du livre<br />

et de l’écrit<br />

Observatoire du livre<br />

et de l’écrit<br />

OBSERVATOIRE DU LIVRE<br />

ET DE L’ÉCRIT<br />

Observatoire du livre<br />

et de l’écrit<br />

Le bloc-marque doit toujours être placé dans le sens de la composition, sans rotation ou déformation.<br />

Le fond des blocs-marques est toujours en blanc, sans transparence.<br />

Dans le premier contre-exemple ci-dessus, le champ de mission est en capitale et en noir à 100%<br />

tandis que dans le second contre-exemple, la police de caractère utilisée n’est pas la bonne et de<br />

taille trop importante.<br />

Observatoire du livre<br />

et de l’écrit<br />

Les deux logotypes Région et organisme associé ne peuvent jamais être placés dans un seul et<br />

unique cadre.<br />

22 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

23


Le cologotage<br />

La hiérarchisation des émetteurs<br />

doit être en cohérence avec<br />

le système <strong>graphique</strong> promu<br />

et explicite quant à son sens<br />

de lecture.<br />

24 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

25


E8-IDF-JeunesViolences-396x300.indd 1 21/09/11 18:24:06<br />

E8-IDF-JeunesViolences-396x300.indd 1 21/09/11 18:24:06<br />

Le cologotage<br />

Entre la Région<br />

et un organisme associé<br />

Dans une logique de communication co-signée, l'émetteur principal du message se doit<br />

d'être identifié <strong>graphique</strong>ment comme tel. Son emplacement ainsi que sa taille renseignent<br />

le récepteur du message. La Région en tant qu'émettrice est donc située en bas et à droite de<br />

l'affiche et sa taille est grossie par rapport à son partenaire, placé sur la partie gauche de l'affiche.<br />

Le cologotage<br />

Entre plusieurs organismes<br />

associés<br />

Dans le cadre d’une communication co-signée, une réflexion sur le système de cologotage<br />

permet de se prémunir de toute redondance sans altérer la compréhension de l'ensemble.<br />

Il y a donc des règles à appliquer afin de respecter la hiérarchie et/ou l’importance entre les éléments<br />

principaux et les éléments accompagnants.<br />

© Photo : Christophe Guyon -<br />

Dans le cas de cologotage, le champ de mission des organismes associés est supprimé.<br />

LA SOLUTION<br />

C’EST D’EN PARLER<br />

0808 807 700 *<br />

JeunesViolencesEcoute.fr<br />

Sur l’affiche ci-dessus, la Région est l'émettrice, à droite et en gros ; l’organisme associé, le « Crips »,<br />

est partenaire et sa taille est plus petite.<br />

Le rapport de taille est de 46% entre les deux logotypes. Par exemple, pour un logotype de la Région<br />

d’une largeur de 200 mm, celui de l’organisme associé partenaire aura une largeur de 92 mm.<br />

L<br />

Les deux blocs-marques des organismes associés sont alignés et espacés de deux fûts de « F ».<br />

La largeur du bloc «Île-de-France» est identique à la largeur des deux blocs des organismes associés.<br />

Le logotype «Île-de-France» est placé par rapport aux hauteurs de «F» et centré dans la largeur<br />

de son bloc.<br />

L<br />

© Photo : Christophe Guyon -<br />

LA SOLUTION<br />

C’EST D’EN PARLER<br />

0808 807 700 *<br />

JeunesViolencesEcoute.fr<br />

Dans tous les cas il faut conserver les hauteurs respectives des blocs-marques des organismes<br />

associés avec leurs zones de protection (cf p.13).<br />

Sur l’affiche ci-dessus, l’organisme associé est l’émetteur, à droite et en gros ; la Région est partenaire<br />

et sa taille est plus petite.<br />

Cependant, le bloc-marque de l’association « Région + organisme associé » étant plus gros, le rapport<br />

ne sera que de 80 %. Par exemple, pour un logotype de l’organisme associé d’une largeur de<br />

200 mm, le logotype de la Région, partenaire, aura une largeur de 160 mm.<br />

26 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

27


Le cologotage<br />

Entre plusieurs organismes<br />

associés<br />

Déclinaison avec 3 organismes associés<br />

Le bloc-marque « Paris Région Entreprises » étant plus haut, il est placé sur la gauche tandis<br />

que les deux blocs les moins hauts sont sur la droite et surperposés avec toujours le même<br />

espace constant de deux fûts de « F ».<br />

Le cologotage<br />

Les interdits<br />

Observatoire du livre<br />

et de l’écrit<br />

Chaque organisme associé doit être placé dans son propre cadre et sans champ de mission.<br />

Déclinaison avec 4 organismes associés<br />

En largeur, on ne peut aligner plus de 3 blocs-marques côte à côte.<br />

En hauteur, on ne peut aligner plus de 2 blocs-marques l'un au dessus de l'autre.<br />

28 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

29


Exemples d'applications<br />

La force d'une charte <strong>graphique</strong><br />

réside dans un juste équilibre<br />

entre contrainte et liberté.<br />

Ici, l’utilisation du bloc-marque est<br />

obligatoire mais son placement<br />

est laissé à la libre appréciation<br />

des organismes.<br />

30 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

31


La papèterie<br />

La papèterie<br />

Papier à en-tête<br />

L'emplacement du bloc-marque<br />

sur les supports papiers<br />

est laissé à l'appréciation<br />

de chaque organisme.<br />

La mise en situation suivante<br />

a valeur de recommandation.<br />

Expertise et ressources<br />

pour un développement durable<br />

Paris, le 27 juillet<br />

Société Dupont<br />

M. Desmartin<br />

23, rue du chemine de bois<br />

92311 La Vallée<br />

Objet : Etiam pretium nunc nec justo dignissim<br />

Praesent non ipsum dolor, in pulvinar tortor. Phasellus non leo sed lacus dapibus tincidunt. Morbi fringilla lacus<br />

ac nulla interdum non viverra purus fringilla. Etiam eu magna sollicitudin ante ornare consectetur. Pellentesque<br />

vel elit at ante tincidunt commodo eu at dolor. Mauris massa ligula, interdum eu luctus et, semper ut lacus. Lorem<br />

ipsum dolor sit amet, consectetur adipiscing elit. Donec nulla dui, suscipit non ultrices euismod, adipiscing vel eros.<br />

Nulla facilisi. Nam placerat diam sed leo tincidunt quis rutrum dolor pellentesque. Pellentesque eu arcu bibendum<br />

justo pharetra interdum quis in felis. Aliquam vel dui elit. Nulla vel ligula nibh. Ut ultrices aliquet venenatis.<br />

Sed vitae tincidunt ligula. Etiam tempus tortor ut neque ullamcorper semper vulputate lectus fermentum. Aenean<br />

vitae erat diam, ac aliquet erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br />

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc molestie eros vitae odio eleifend ut cursus<br />

nisl condimentum. Praesent magna orci, vehicula ac molestie at, commodo vitae ligula. Proin sollicitudin ligula non<br />

risus hendrerit condimentum. Proin quis eros risus.<br />

Nullam tincidunt vulputate consectetur. Curabitur pretium euismod ultrices. Ut nulla orci, vulputate ac interdum ut,<br />

tristique eu massa. Fusce in accumsan tortor. Aenean adipiscing auctor urna vitae tincidunt. Curabitur erat nulla,<br />

malesuada nec malesuada eget, lobortis vitae lacus. Morbi sed lectus eget augue vulputate molestie vel sit amet<br />

est. Nullam at nisi arcu, sit amet blandit lectus. Integer enim turpis, vestibulum at imperdiet ut, dignissim nec<br />

lectus. Aenean nisl erat, venenatis commodo placerat at, condimentum venenatis nibh. Phasellus congue ultrices<br />

nunc ac tempus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.<br />

Phasellus mauris lorem, hendrerit eu tincidunt at, pharetra eget enim. Phasellus pharetra eleifend dolor, quis<br />

ultrices dolor mollis vitae.<br />

32 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

33


La papèterie<br />

Carte de visite<br />

Expertise et ressources<br />

pour un développement durable<br />

xxxxxxxxxxxxxxxx<br />

xxxxx xxxxxxxx<br />

xxxxxxxxxxxxxxxx<br />

Expertise et ressources<br />

pour un développement durable<br />

xxxxxxxxxxxxxx<br />

xxxxxxxxxxxxx<br />

xxxxxxxxxxxxxxxx<br />

xxxxx xxxxxxxx<br />

xxxxxxxxxxxxxxxx<br />

34 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

35


Les sites Internet<br />

Les sites Internet<br />

Le placement des blocs-marques<br />

sur les sites Internet relève du<br />

choix de chaque organisme<br />

du fait de la diversité des thématiques<br />

<strong>graphique</strong>s.<br />

Dans le cadre d’un placement pour une utilisation sur un site Internet,<br />

le bloc-marque a une largeur de 160 px.<br />

Les blocs-marques étant de petite taille et les sites faisant référence directement au champ de<br />

mission de l’organisme, la qualification du champ de mission est supprimée. Les logotypes des<br />

blocs-marques s’intègrent en haut à gauche de la page HTML.<br />

L’épaisseur des filets est de 1 px.<br />

La couleur des filets<br />

RVB : Hexadécimale :<br />

R 153 % 999999<br />

V 153 %<br />

B 153 %<br />

36 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS<br />

37


Conseil régional d’Île-de-France<br />

35, boulevard des Invalides - 75007 Paris<br />

Tél. : 01 53 85 53 08 / www.iledefrance.fr<br />

38 CHARTE GRAPHIQUE COMPLÉMENTAIRE ÎLE-DE-FRANCE 2012 | ORGANISMES ASSOCIÉS

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!