Charte graphique 2016 - Institut français d'Ecosse
←
→
Transcription du contenu de la page
Si votre navigateur ne rend pas la page correctement, lisez s'il vous plaît le contenu de la page ci-dessous
C h a r t e g r a p h i q u e 2 0 1 6
Sommaire / /////////// / / / / / / / / / / / / / / / / / / / / / / / / / / / / //////////////////////////////////
1. Les éléments constitutifs 3. Les applications
1.1 Présentation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 04 La papeterie
Le logotype 3.1 → la tête de lettre. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
1.2 → présentation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 05 3.2 → la carte de visite. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
1.3 → principes de construction et règles d’utilisation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 06 3.3 → la carte de correspondance. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
1.4 → les couleurs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 07 La communication institutionnelle
Le bloc marque institutionnel 3.4 → le communiqué de presse. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
1.5 → présentation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 08 3.5 → l’invitation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
1.6 → principes de construction et règles d’utilisation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 09 3.6 → l’annonce presse. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
1.7 → les couleurs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10 3.7 → la plaquette institutionnelle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
Le bloc marque signature La communication événementielle
1.8 → présentation et principe de construction. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 3.8 → les affiches. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
Le bloc marque pays La signalétique
1.9 → présentation et principe de construction. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 3.9 → le kakémono . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40
1.10 → sur fond de couleur. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 Le multimédia
1.11 Les couleurs d’accompagnement. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 3.10 → le DVD . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41
1.12 L’utilisation sur fonds de couleurs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15 3.11 → la favicon. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
1.13 La typographie d’accompagnement principale. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 3.12 → la signature de courriel. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43
1.14 La typographie d’accompagnement secondaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 3.13 → son & vidéo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
1.15 La typographie d’accompagnement bureautique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18 Les objets promotionnels
1.16 Les interdits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 3.14 → le mug. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
3.15 → les autres objets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
2. Le système graphique
2.1 La base du système . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
2.2 Le symbole institutionnel. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
2.3 Les pictos « disciplines ». . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
2.4 Les codes formels du système. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
2.5 La construction des pictos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
2.6 La carte du monde . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
P 2 /// Charte graphique • octobre 2016
1 . Les éléments constitutifs
Les éléments constitutifs / / / / / / / / / / / / / / / / / / / / / ///////////////////////////////// 1.1 /// Présentation Afin d’assurer une meilleure lisibilité et visibilité à l’action culturelle extérieure de la France, il existe une marque unique, l’Institut français, pour l’ensemble des centres culturels et Instituts français dans le monde. La charte graphique présente les principes d’application de l’identité visuelle de l’Institut français à travers le monde. Le respect de ces règles d’usage permettra de donner plus de visibilité et de cohérence à l’action culturelle de la France dans le monde menée par l’ensemble du réseau. USAGE DANS LES TEXTES L’Institut français s’écrit ainsi : Institut français. Avec une lettre capitale (majuscule) à « Institut », et une lettre en bas de casse (minuscule) à « français », conformément à l’usage de la langue française et du Code typographique. Contrairement au logotype, la composition en lettres capitales n’est pas admise, sauf lorsque l’ensemble du texte dans lequel figure « Institut français » est en lettres capitales. P 4 /// Charte graphique • octobre 2016
Les éléments constitutifs / / / / / / / / / / / / / / / / / / / / / ///////////////////////////////// 1.2 /// Le logotype → présentation Présentation Un logotype qui fait autorité pour poser une marque et installer l’Institut français dans le monde. La modernité minimaliste du logotype est là pour affirmer que l’Institut français existe depuis toujours, à travers un réseau présent partout dans le monde. Le logotype ne s’écrit pas et ne s’imite pas. Il s’agit d’une image originale et non modifiable, qu’il convient d’utiliser en respectant la charte graphique qui l’accompagne. Important Le logotype Institut français est destiné à remplacer les précédentes marques employées (Centre culturel français, Maison, etc.), et sera utilisé en marque unique et de manière identique dans le monde entier pour ce qui concerne la signalétique. En revanche, tous les Instituts français ont la possibilité de faire figurer leur pays ou leur ville de rattachement au-dessous du logotype pour des opérations de communication (affiches, programmes, événements, publications). Les supports qui permettent également une déclinaison locale, au niveau des villes, des régions ou des pays, sont les éléments de papeterie. P 5 /// Charte graphique • octobre 2016
Les éléments constitutifs / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
1.3 /// Le logotype → principe de construction & règles d’utilisation
La construction du logotype Institut Principe de construction ///////////////////////////////////////////////////////////////////////
français est présentée ci-contre.
La largeur du logo correspond à 5 fois
la hauteur de la lettre «F».
5X
Il est composé d’une seule couleur,
le Pantone® Process Blue C.
0,94 X
X
Une zone de protection a été définie afin de Zone de protection et taille minimale //////////////////////////////////////////////////////////////
ne pas avoir d’éléments (texte ou visuel) qui
puisse gêner la lecture.
Cette zone correspond à la hauteur de X
la lettre «F». Elle doit être strictement
respectée. X Taille mini :
10 mm / 60 pixels
La taille minimale du logotype est de 10 mm
en impression et de 60 pixels sur écran, il est
X
interdit d’utiliser une taille plus petite afin de
garder une lisibilité optimale.
X
X
P 6 /// Charte graphique • octobre 2016
Les éléments constitutifs / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
1.4 /// Le logotype → les couleurs
Le logotype doit être utilisé en priorité en
Pantone® Process Blue C (ou équivalent
CMJN / RVB / Web).
Il peut également être utilisé en noir ou en
réserve blanche lorsque le support l’oblige.
Toutes les correspondances couleurs sont
présentées ci-contre.
PANTONE® PROCESS BLUE C PANTONE® PROCESS BLACK
CMJN : C 100 M 8 J 0 N 5 CMJN : C 0 M 0 J 0 N 100
RVB : R 000 V 138 B 201 RVB : R 000 V 000 B 000
WEB : # 008AC9 WEB : # 000000
CMJN : C 0 M 0 J 0 N 0
RVB : R 255 V 255 B 255
WEB : # FFFFFF
P 7 /// Charte graphique • octobre 2016
Les éléments constitutifs / / / / / / / / / / / / / / / / / / / / / ///////////////////////////////// 1.5 /// Le bloc marque institutionnel → présentation Le bloc marque institutionnel est composé du logotype Institut français et d’un cartouche bleu Pantone® Process Blue C. Ce bloc marque est à utiliser en priorité sur toutes nos publications. Le cartouche permet en effet une reconnaissance immédiate et facilite la lecture du logotype. Le positionnement de ce dernier dans le cartouche est normé et ne peut en aucun cas être modifié. Les règles de construction et d’utilisation sont décrites dans les pages suivantes. P 8 /// Charte graphique • octobre 2016
Les éléments constitutifs / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
1.6 /// Le bloc marque institutionnel → principe de construction & règles d’utilisation
La construction du bloc marque Principe de construction ///////////////////////////////////////////////////////////////////////
institutionnel est présentée ci-contre.
L’espace entourant le logotype correspond 0,9 X 0,9 X
à 0,9 fois la hauteur de la lettre «F».
0,9 X
Il est composé d’un cartouche en bleu
Pantone® Process Blue C, et du logotype
en réserve blanche.
X
0,9 X
Une zone de protection a été définie afin de Zone de protection et taille minimale //////////////////////////////////////////////////////////////
ne pas avoir d’éléments (texte ou visuel) qui
puisse gêner la lecture du bloc marque. X
Cette zone correspond à la hauteur de
la lettre «F». Elle doit être strictement X
respectée. Taille mini :
14 mm / 85 pixels
La taille minimale du bloc marque est de
14 mm pour l'impression et de 85 pixels pour X
l'écran, il est interdit d’utiliser une taille plus
petite afin de garder une lisibilité optimale.
X
X
P 9 /// Charte graphique • octobre 2016Les éléments constitutifs / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
1.7 /// Le bloc marque institutionnel → les couleurs
Le bloc marque institutionnel doit être
utilisé en priorité en Pantone® Process
Blue C (ou équivalent CMJN / RVB / Web)
avec logotype blanc ou en inversion
(selon le fond sur lequel il est appliqué).
Il peut également être utilisé en noir
logotype blanc ou en inversion lorsque le
support l’oblige.
Toutes les correspondances couleurs sont
présentées ci-contre.
PANTONE® PROCESS BLUE C PANTONE® PROCESS BLACK
CMJN : C 100 M 8 J 0 N 5 CMJN : C 0 M 0 J 0 N 100
RVB : R 000 V 138 B 201 RVB : R 000 V 000 B 000
WEB : # 008AC9 WEB : # 000000
PANTONE® PROCESS BLUE C PANTONE® PROCESS BLACK
CMJN : C 100 M 8 J 0 N 5 CMJN : C 0 M 0 J 0 N 100
RVB : R 000 V 138 B 201 RVB : R 000 V 000 B 000
WEB : # 008AC9 WEB : # 000000
P 10 /// Charte graphique • octobre 2016Les éléments constitutifs / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
1.8 /// Le bloc marque signature → présentation et principe de construction
Le bloc marque signature est composé de
la signature « vivre les cultures » et du bloc
marque institutionnel et elle se positionne
à la gauche de celui-ci.
Elle est en bleu Pantone® Process Blue C et v i v r e
s’écrit en ProtoGrotesk Regular.
l e s
Le positionnement de celle-ci par rapport
au cartouche est décrit ci-contre.
c u l t u r e s
Principe de construction //////////////////////////////////////////////////////////////////////
v i v r e
l e s
c u l t u r e s
1,1 Y Y
P 11 /// Charte graphique • octobre 2016Les éléments constitutifs / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
1.9 /// Le bloc marque pays → présentation et principe de construction
Pour les Instituts présents à l’étranger il est
possible d’ajouter la mention du pays,
celui-ci s’inscrit sous le logotype en
typographie ProtoGrotesk light et peut
s’écrire sur une ou deux lignes maximum. République Dominicaine République Tchèque Madagascar
Le positionnement du logotype dans le
cartouche étant légèrement différent du
bloc marque institutionnel, de nouvelles
règles de construction et de positionnement
ont été réalisées. Elles incluent également le
positionnement du nom du pays. Afrique du Sud Sultanat d’Oman Monténégro
Lorsqu’un projet est soutenu à la fois par
l’Institut français et par l’Institut français
local, le logotype unique et générique
prévaut.
Argentine Roumanie République Démocratique
du Congo
→ exception pays sur 2 lignes
Principe de construction //////////////////////////////////////////////////////////////////////
0,9 X 0,9 X
0,67 X 0,67 X
X X
Nom de pays 0,62 X Nom de pays sur deux 0,62 X
1,12 X
1,55 X lignes 0,5 X
ProtoGrotesk Light
Approche : -9 pts ProtoGrotesk Light
Approche : -9 pts
P 12 /// Charte graphique • octobre 2016Les éléments constitutifs / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
1.10 /// Le bloc marque pays → sur fond de couleur
Le bloc marque pays peut s’utiliser en
inversion (cartouche blanc et logotype et
nom du pays Pantone® Process Blue C ou
équivalent) lorsqu’il est appliqué sur un fond
bleu ou un fond foncé.
République Dominicaine République Tchèque Madagascar
Le bloc marque pays peut également être
utilisé avec la signature. Le positionnement
est décrit ci-contre.
Afrique du Sud Sultanat d’Oman Monténégro
Argentine Roumanie République Démocratique
du Congo
→ exception pays sur 2 lignes
Le bloc marque pays avec la signature /////////////////////////////////////////////////////////////
// //
v i v r e v i v r e
l e s l e s
c u l t u r e s c u l t u r e s République Démocratique
// Monténégro
// du Congo
P 13 /// Charte graphique • octobre 2016Les éléments constitutifs / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
1.11 /// Les couleurs d’accompagnement
Quatre couleurs d'accompagnement ont été
sélectionnées pour animer les supports de
communication des Instituts français.
PANTONE® 1925 C PANTONE® Blue 072 C
Ces couleurs ont été choisies pour pouvoir CMJN : C 0 M 85 J 70 N 0 CMJN : C 100 M 80 J 0 N 0
RVB : R 249 V 038 B 063 RVB : R 000 V 040 B 206
s'associer facilement avec la couleur
institutionnelle Pantone® Process Blue C.
Il est recommandé d'utiliser en priorité les
couleurs complémentaires présentées sur
cette page. PANTONE® PROCESS BLUE C
CMJN : C 100 M 8 J 0 N 5
RVB : R 000 V 138 B 201
WEB : # 008AC9
PANTONE® 107 C PANTONE® 3275 C
CMJN : C 0 M 0 J 100 N 0 CMJN : C 80 M 0 J 40 N 0
RVB : R 255 V 237 B 0 RVB : R 055 V 237 B 183
P 14 /// Charte graphique • octobre 2016Les éléments constitutifs / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
1.12 /// L’utilisation sur fonds de couleurs
Le logotype et le bloc marque s'inscrivent Utilisation sur couleurs institutionnelles et d’accompagnement //////////////////////////////////////////
prioritairement sur un fond blanc ou sur le
fond bleu institutionnel.
Néanmoins si le support l'oblige on peut
appliquer le logotype ou le bloc marque sur
fond coloré ou sur une photo.
Il conviendra de bien vérifier la lisibilité
en utilisant soit la version bleu Pantone®
Process Blue C soit la version en réserve
blanche.
Application sur fond blanc Application sur fond bleu Pantone® Process blue C
v i v r e
l e s
c u l t u r e s
v i v r e
l e s
c u l t u r e s
Application sur fond Application sur fond Application sur fond Application sur fond
Pantone® 1925 C Pantone® Blue 072 C Pantone® 107 C Pantone® 3275 C
Exemple d'application du bloc marque signature
sur fond Pantone® 1925 C et Pantone® Blue 072 C
P 15 /// Charte graphique • octobre 2016Les éléments constitutifs / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
1.13 /// La typographie d’accompagnement principale
La typographie d'accompagnement ProtoGrotesk / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /
principale est la ProtoGrotesk, elle est
ABCDEFGHIJ
utilisable dans les graisses suivantes :
• Extra light
• Light
• Regular
• Bold
KLMNOPQRS
Elle doit être utilisée sur tous nos supports
de communication print (affiches, plaquettes,
etc) et sur tous nos supports institutionnels
(carte de visite, invitation, etc).
TUVWXYZ
0123456789
abcdefghijklmnopqrstuvwxyz
àéèæœöôùïñ.,;:’/?!&(){}«»°-*#@
P 16 /// Charte graphique • octobre 2016Les éléments constitutifs / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
1.14 /// La typographie d’accompagnement secondaire
La typographie Roboto doit être utilisée Roboto / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /
lorsque la typographie ProtoGrotesk n'est
ABCDEFGHIJ
pas disponible.
Elle s'utilise selon les mêmes recommanda-
tions que la ProtoGrotesk et est utilisable
dans les graisses suivantes :
KLMNOPQRS
• Thin
• Light
• Regular
• Black
TUVWXYZ
Cette typographie est libre de droits.
0123456789
abcdefghijklmnopqrstuvwxyz
àéèæœöôùïñ.,;:’/?!&(){}«»°-*#@
P 17 /// Charte graphique • octobre 2016Les éléments constitutifs / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
1.15 /// La typographie d’accompagnement bureautique
Pour les supports bureautique (signature de Helvetica / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /
courriel, Powerpoint®, etc) la typographie
ABCDEFGHIJ
Helvetica a été sélectionnée.
Elle peut être utilisée dans les graisses :
• Light
• Regular
KLMNOPQRS
• Bold
Cette typographie est disponible sur tous les
postes de travail (PC, Mac).
TUVWXYZ
0123456789
abcdefghijklmnopqrstuvwxyz
àéèæœöôùïñ.,;:’/?!&(){}«»°-*#@
P 18 /// Charte graphique • octobre 2016Les éléments constitutifs / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
1.16 /// Les interdits
Une série d'interdits est présentée ci-contre.
Cette liste est non-exhaustive.
Ne pas déformer ou modifier
le bloc marque
Ne pas changer la couleur du
cartouche
Ne pas rajouter d’éléments dans
Ne pas changer la forme du le bloc marque
cartouche
République
Démocratique
du Congo
Ne pas changer la typographie
Ne pas écrire les noms des pays
sur 3 lignes ou plus
P 19 /// Charte graphique • octobre 2016Le système graphique
Le système graphique / / / / / / / / / / / / / / / / / / / / / / / / / ////////////////////////////////// 2.1 /// La base du système Le système graphique de l'Institut français est basé sur l'utilisation des trois "i" du logotype. La particularité graphique de ces lettres permet de les isoler et d'en faire un symbole graphique reconnaissable facilement et très modulable. Les pages suivantes montrent les différents usages de ce système ainsi que les possibilités et obligations offertes par ce dernier. P 21 /// Charte graphique • octobre 2016
Le système graphique / / / / / / / / / / / / / / / / / / / / / / / / / //////////////////////////////////
2.2 /// Le symbole institutionnel
Le symbole institutionnel a été créé pour
illustrer nos supports de communication
(imprimés & numérique) tels que le
communiqué de presse, le carton
d'invitation, la plaquette institutionnelle, etc.
Le principe de construction est décrit
ci-contre.
Ce symbole est disponible en version
haute définition.
Principe de construction //////////////////////////////////////////////////////////////////////
X
Y
X
Y = 5,1 X
Y
X
Y
P 22 /// Charte graphique • octobre 2016Le système graphique / / / / / / / / / / / / / / / / / / / / / / / / / //////////////////////////////////
2.3 /// Les pictos « disciplines »
Ci-contre sont représentés les
pictogrammes « disciplines » de l'Institut
français créés à partir du système graphique
des 3 "i" issus du logotype.
Neuf pictogrammes « disciplines » ont ainsi
été imaginés pour illustrer nos supports de
communication.
Les pictogrammes ne peuvent être modifiés. musique cinéma spectacle vivant
Les recommandations et contraintes
d'utilisation sont les mêmes que pour le
logotype / bloc marque institutionnel.
architecture numérique français
arts visuels idées livre
P 23 /// Charte graphique • octobre 2016Le système graphique / / / / / / / / / / / / / / / / / / / / / / / / / //////////////////////////////////
2.4 /// Les codes formels du système
Ci-contre une représentation graphique de
l'univers visuel de l'Institut français montrant
précisément l'association graphique entre
les pictogrammes et le logotype.
livre numérique
musique
français
arts visuels
cinéma
architecture
spectacle vivant
symbole institutionnel
idées
P 24 /// Charte graphique • octobre 2016Le système graphique / / / / / / / / / / / / / / / / / / / / / / / / / //////////////////////////////////
2.5 /// La construction des pictos
La construction des pictogrammes est
présentée ci-contre. Y = 5,1 X
X
Toutes les barres bleues sont de dimensions X X X X X
identiques (largeur et longueur). X X
Y
Y
Ces pictogrammes sont disponibles en Y
Y
Y X Y
version haute définition.
X Y
X X
Y Y
Y X
Z X Z
Y Y X
Y Y
X X
X X X X
Y X X
X
X Y Y
Y Y
X
X Y
X
X X X
P 25 /// Charte graphique • octobre 2016Le système graphique / / / / / / / / / / / / / / / / / / / / / / / / / ////////////////////////////////// 2.6 /// La carte du monde Cette carte est une illustration qui permet de valoriser la présence et les actions internationales de l’Institut français. Son traité original s’est construit à partir des trois bandes base du système graphique. Cette carte est disponible en version haute définition. P 26 /// Charte graphique • octobre 2016
Le s ap p lic ations
Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
3.1 /// La papeterie → la tête de lettre
La tête de lettre est d'un format A4
(297x210 mm) et est imprimée en une
couleur Pantone® (Process Blue C).
Elle est disponible en version haute
définition.
v i v r e
l e s
123, nom de la Rue T + 33 1 00 00 00 00
F-12345 Ville contact@institutfrancais.com institutfrancais.com c u l t u r e s
P 28 /// Charte graphique • octobre 2016Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
3.2 /// La papeterie → la carte de visite
La carte de visite est d'un format de
85x55 mm et est imprimée en une couleur
Pantone® (Process Blue C).
Prénom Nom
Il existe 2 versions de la carte de visite, une Fonction
imprimée recto/verso et l'autre uniquement 2e ligne de fonction (optionnelle)
recto.
123, nom de la Rue
F-12345 Ville
Sur la version recto/verso le bloc marque T + 33 1 00 00 00 00
est présent sur le verso et les coordonnées adressemailtreslongue@institutfrancais.com
sur le recto alors que sur l'autre version
de la carte de visite le bloc marque et les
institutfrancais.com
coordonnées sont présents sur une seule
face.
Carte de visite recto / verso
Ces deux cartes de visite sont disponibles
en version haute définition.
Prénom Nom
Fonction
2e ligne de fonction (optionnelle)
123, nom de la Rue
F-12345 Ville
T + 33 1 00 00 00 00
adressemailtreslongue@institutfrancais.com
institutfrancais.com
Carte de visite recto seul
P 29 /// Charte graphique • octobre 2016Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
3.2 /// La papeterie → la carte de visite
Dans le cas des personnes travaillant pour
une ambassade et pour l'Institut français à
l'étranger une carte de visite spéciale a été
conçue.
Elle est imprimée recto/verso en une couleur Prénom Nom
Fonction
Pantone® (Process Blue C).
2e ligne de fonction (optionnelle)
Le recto de la carte présente l'Institut
123, nom de la Rue
français tandis que le verso présente F-12345 Ville
l'ambassade. T + 33 1 00 00 00 00
adressemailtreslongue@institutfrancais.com
Cette carte de visite est disponible
en version haute définition.
institutfrancais.com
Recto
Prénom Nom
Fonction
2e ligne de fonction (optionnelle)
123, nom de la Rue
F-12345 Ville
T + 33 1 00 00 00 00
adressemail@institutfrancais.com
institutfrancais.com
Verso
P 30 /// Charte graphique • octobre 2016Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
3.3 /// La papeterie → la carte de correspondance
La carte de correspondance est d'un format
de 210x105 mm et est imprimée en une
couleur Pantone® (Process Blue C).
Elle est disponible en version haute
définition.
v i v r e
123, nom de la Rue T + 33 1 00 00 00 00
l e s
F-12345 Ville contact@institutfrancais.com institutfrancais.com c u l t u r e s
P 31 /// Charte graphique • octobre 2016Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
3.4 /// La communication institutionnelle → le communiqué de presse
Il existe 2 types de communiqués de presse,
une version 1 colonne comprenant
uniquement du texte et une version 2
colonnes permettant d'inclure des visuels.
v i v r e
l e s
c u l t u r e s Communiqué / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /
Sur ces documents il est impératif d'utiliser de presse
le bloc marque signature auquel peut
s'adjoindre des logotypes partenaires. Communiqué
de presse PARIS, LE 2 JANVIER 2011
CRÉATION DE L’INSTITUT FRANÇAIS
Ci-contre est présenté un principe de mise
en page possible, avec visuels. PARIS, LE 2 JANVIER 2011
CRÉATION DE L’INSTITUT FRANÇAIS
L’Institut français, agence du Ministère des Affaire
pour l’action extérieure de la France, se substitue à
sous la forme d’un EPIC (Etablissement public à ca
cial) avec un périmètre d’action élargi et des mo
étroite relation avec le réseau culturel français à l
L’Institut français, agence du Ministère des Affaires
Ils sont disponibles en version haute étrangères et européennes pour l’action extérieure
de la France, se substitue à l’association Cultures-
150 Instituts français et près de 1 000 Alliances f
processus de rattachement à l’Institut français de
dizaine de missions diplomatiques sera mené à
france sous la forme d’un EPIC (Etablissement
définition. public à caractère industriel et commercial) avec
un périmètre d’action élargi et des moyens
prochaines semaines.
En créant l’Institut français, le gouvernement a en
renforcés. Il travaille en étroite relation avec le
même agence la promotion de l’action culturell
réseau culturel français à l’étranger constitué de
matière d’échanges artistiques - spectacle vivant,
plus de 150 Instituts français et près de 1 000
diffusion dans le monde du livre, du cinéma, de la
Alliances françaises dans le monde. Le processus
et des idées. À ce titre, il développe un nouveau p
de rattachement à l’Institut français des structures
culture scientifique.
culturelles d’une dizaine de missions diplomatiques
sera mené à titre expérimental dans les prochaines
L’Institut français poursuit les missions d’accu
semaines.
étrangères, à travers l’organisation de « saisons » o
avec les pays du sud, en assurant notamment la g
En créant l’Institut français, le gouvernement a en
dispositif de soutien au cinéma du sud, avec le Cen
effet souhaité confier à une même agence la
l’image animée. Il développe un programme de r
promotion de l’action culturelle extérieure de la Contact presse
France comme à l’étranger.
France en matière d’échanges artistiques - Caroline Cesbron Il assure également de nouvelles missions de form
spectacle vivant, arts visuels, architecture -, de Directrice
des agents du réseau culturel français à l’étranger
diffusion dans le monde du livre, du cinéma, de la du Département
Communication
langue française, des savoirs et des idées. À ce titre, T +33 (0)1 53 69 83 06
L’Institut français a enfin pour ambition de renforc
il développe un nouveau programme de diffusion
tés territoriales et les professionnels de la cu
de la culture scientifique. Olivier Couderc
Chargé des internationale.
relations presse
Contact presse
L’Institut français poursuit les missions d’accueil en T +33 (0)1 53 69 83 86
L’Institut français dispose désormais d’une nouvel
Caroline Cesbron France des cultures étrangères, à travers
Directrice unique adoptée par l’ensemble des centres culture
du Département l’organisation de « saisons » ou festivals et de 8 / 14 rue du Capitaine Scott
monde, assurant ainsi une meilleure lisibilité et
Communication
coopération avec les pays du sud, en assurant 75015 Paris
T +33 (0)1 53 69 83 06 T +33 (0)1 53 69 83 00 extérieure de la France. Avec la création de l’Instit
notamment la gestion du Fonds Sud cinéma, www.institutfrancais.com
d’un nouvel instrument au service de sa diplomati
Olivier Couderc dispositif de soutien au cinéma du sud, avec le
Chargé des Centre National du Cinéma et de l’image animée.
relations presse
T +33 (0)1 53 69 83 86 Il développe un programme de résidences
internationales en France comme à l’étranger.
Il assure également de nouvelles missions de
8 / 14 rue du Capitaine Scott
75015 Paris
formation et professionnalisation des agents du
T +33 (0)1 53 69 83 00 réseau culturel français à l’étranger.
www.institutfrancais.com
v
logo logo logo logo logo logo
c u l t u
logo logo logo logo logo logo
P 32 /// Charte graphique • octobre 2016Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
3.5 /// La communication institutionnelle → l’invitation
Le carton d'invitation est d'un format
148x105 mm et est imprimé en une couleur
Pantone® (Process Blue C). Version standard Version avec découpe
Il existe 2 versions :
• version standard imprimée recto/verso et
imprimée en bleue. Le recto contient le bloc
marque signature en inversion et le symbole
institutionnel en blanc
Le verso reprend également le symbole
institutionnel en noir 5%, le bloc marque
institutionnel en bas à droite ainsi que les v i v r e v i v r e
l e s l e s
textes écrits en bleu. c u l t u r e s c u l t u r e s
• version avec découpe imprimée recto/ Recto Recto
verso et imprimée en bleue. Elle contient
une découpe qui reprend le symbole Bruno Foucher Bruno Foucher
institutionnel. président de l’Institut français
a le plaisir de vous inviter
président de l’Institut français
a le plaisir de vous inviter
au vernissage de l’exposition au vernissage de l’exposition
lorem ipsum et parvum lorem ipsum et parvum
Le recto est bleu avec le bloc marque
signature en bas à droite en inversion.
Le verso reprend le bloc marque Lundi 8 novembre
Invitation valable pour 2 personnes
2016 à 20h00
institutionnel en bas à droite ainsi que les
Veuillez confirmer votre présence :
01 53 69 83 88. Ce carton vous sera à l’Institut français,
demandé à l’entrée.
8-14 rue du Capitaine Scott Invitation valable pour 2 personnes
Lundi 8 novembre
textes écrits en bleu.
Veuillez confirmer votre présence :
75015 Paris
2016 à 20h00 01 53 69 83 88. Ce carton vous sera
demandé à l’entrée.
à l’Institut français,
8-14 rue du Capitaine Scott
75015 Paris
Verso Verso
P 33 /// Charte graphique • octobre 2016Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
3.6 /// La communication institutionnelle → l’annonce presse
L'annonce presse est toujours composée
d'un visuel (photo ou graphique) sur lequel
s'inscrit un titre, du texte courant et le
pictogramme de la discipline concernée ou
le symbole institutionnel, choisi en fonction
de la composition visuelle. Les couleurs
utilisées pour les textes et les pictos sont Lorem Institut français
issues des palettes institutionnelle et
d'accompagnement.
ipsum un automne très danse
E
NS
DA E ! » n
E« S e
AL DAN éation
Le bloc marque signature se positionne en N
IEN UE e c
TR FRIQ la jeun
r
bre
20
16
e m
L’Autien à nov
bas à droite accompagné des logotypes So
iqu
e ougou :
s
Afr uagad tacle nnels
c
◆ O spe fessio
partenaires et toujours sur fond blanc. 0
◆ 4 0 pro naux
◆ 10 rnatio
inte
Fe
FR stiv
Un cadre blanc entoure la création afin 16 A
le éd NC l
a
20 mo itio ED
de structurer et optimiser la lisibilité des ◆ B 07 nde ns à A
no ré de tra NS
◆ vem sil : pu ve E
éléments.
is rs
fra 16 c br aoû
◆ 7 nç m 2 ào e t
da 0 a p
is a 16 0
ns rep es gnie
15 rés s
vil en
FOC les ta
US D tio
Le positionnement des titres et textes est
ns
ramm ANSE
Prog
e ann
d’inv
itatio uel
Lorem ipsum ◆ Bie p n de
nnale rofessio
laissé libre mais ils doivent s'inscrire sur le t, consectetur adipiscing ◆9p
Lyon
:
de la
ièces septemb se de
nn
Dan els
elit. Quisque egestas mi a choré re 20
visuel en typographie ProtoGrotesk. dapibus eleifend. Cras
congue sem vel velit
◆ 100 gra
profe phiques
des 5 ssionnels
16
conti
rutrum iaculis. Proin magna nents
nisl, hendrerit a augue et,
scelerisque eleifend erat.
Ut elementum malesuada
mollis. Etiam enim arcu,
auctor vitae venenatis quis
v i v r e
logo logo logo logo l e s
c u l t u r e s www.institutfrancais.com
Les photos présentées sur cette page
sont uniquement illustratives, il ne faut
pas les utiliser car elles ne sont pas libres
de droits.
P 34 /// Charte graphique • octobre 2016Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
3.7 /// La communication institutionnelle → la plaquette institutionnelle
Un principe de plaquette institutionnelle est
présenté ci-contre, elle est d'un format A5.
Il convient de ne pas surcharger les pages
d'informations et de mettre en avant les
visuels et pictogrammes.
La couverture présente toujours le bloc
marque signature ainsi que le symbole
institutionnel.
La plaquette présentée ci-contre est
uniquement à titre d'exemple.
v i v r e
l e s
c u l t u r e s
Couverture
1. promouvoir
les échanges
artistiques
internationaux Lorem
Lorem ipsum
t, consectetur adipiscing elit. Quisque Lorem ipsum dolor sit amet, ipsum
et nos
egestas mi a dapibus eleifend. Cras consectetur adipiscing elit. Quisque
congue sem vel velit rutrum iaculis. egestas mi a dapibus eleifend. Cras
Lorem ipsum
Proin magna nisl, hendrerit a augue congue sem vel velit rutrum iaculis. t, consectetur adipiscing
et, scelerisque eleifend erat. Ut Proin magna nisl, hendrerit a augue elit. Quisque egestas mi a
elementum malesuada mollis. Etiam et, scelerisque eleifend erat. Ut dapibus eleifend. Cras
enim arcu, auctor vitae venenatis quis, elementum malesuada mollis. Etiam congue sem vel velit
ornare et lorem. Cras aliquet, diam at rutrum iaculis. Proin magna
malesuada faucibus, ligula lorem arcu, auctor vitae venenatis quis, nisl, hendrerit a augue et,
trum
porta urna, nec rhoncus nibh risus sed ornare et lorem. Cras aliquet, diam at scelerisque eleifend erat.
felis. Aliquam rutrum velit justo, et malesuada faucibus, ligula lorem Ut elementum malesuada
iaculis quam congue ut. Nunc non est porta urna, nec rhoncus nibh risus sed mollis. Etiam enim arcu,
felis. Aliquam rutrum velit justo, et auctor vitae venenatis quis
eu justo consectetur mollis sit amet
eu eros. Nunc urna orci, imperdiet id iaculis quam congue ut. Nunc non est
Lorem ipsum
nunc ut, sodales aliquet nunc. eu justo consectetur mollis sit amet t, consectetur adipiscing
Vestibulum iaculis augue non ante elit. Quisque egestas mi a
elementum malesuada. Morbi tempor eu eros. Nunc urna orci, imperdiet id dapibus eleifend. Cras
volutpat posuere. Sed et aliquet nulla. nunc ut, sodales aliquet nunc. congue sem vel velit
Duis a molestie risus. Vestibulum iaculis augue non ante rutrum iaculis. Proin magna
elementum malesuada. Morbi tempor nisl, hendrerit a augue et,
Morbi malesuada mauris mauris, eu volutpat posuere. Sed et aliquet nulla. scelerisque eleifend erat.
Les photos présentées sur cette page placerat lacus elementum vulputate.
Aliquam erat volutpat. Nunc eu nisl
eget mi bibendum venenatis. Nunc a
Duis a molestie risus Ut elementum malesuada
mollis. Etiam enim arcu,
auctor vitae venenatis quis
volutpat posuere. Sed et aliquet nulla.
sont uniquement illustratives, il ne faut
nulla lobortis, sodales mauris
Duis a molestie risus..
consectetur, porttitor risus. .
lorem ipsum
pas les utiliser car elles ne sont pas libres
de droits.
P 35 /// Charte graphique • octobre 2016Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
3.8 /// La communication événementielle → les affiches
Les affiches de l'Institut français sont toujours
composées d'un visuel, d'un pictogramme,
d'un titre et de textes ainsi que du bloc
marque institutionnel (ou signature selon L'Institut français émetteur du projet
la destination de l'affiche) ainsi que des
Paris
Corps la
logotypes partenaires. v i v r e
l e s
v i v r e
l e s
c u l t u r e s c u l t u r e s
Musique
mobiles en
Il existe 3 types d'affiches, celles où l'Institut
français est émetteur du projet, où l'Institut
Club
français est co-organisateur et enfin où
l’Institut français est partenaire.
L'Institut français émetteur du projet :
Corps
Les affiches où l'Institut français est émetteur
utilisent le bloc marque signature, qui est
isolé afin de ne pas être perturbé par les
autres logotypes. Il vient se positionner en mobiles
haut à droite de l'affiche et est d'une taille
LOREM
50% supérieure aux autres logos partenaires. LOREM IPSUM IPSUM LOREM IP
Ces derniers se positionnent en bas de LOREM IPSUM
ET PARVUM ET PARVUM ET PARVU
Lorem ipsum dolor sit amet,
ET PARVUM Lorem ipsum
l'affiche. Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Nullam venenatis lacinia dolor sit amet
Lorem ipsum d
consectetur ad
consectetur adipiscing elit. consectetur Nullam venena
Nullam venenatis lacinia metus, ac ullamcorper orci. adipiscing elit
ac ullamcorper orci. Quisque ornare turpis Nullam venenatis ac ullamcorper
Ci-contre deux exemples d'affiches où Quisque ornare turpis
et risus iaculis, in luctus
et risus iaculis, in luctus
Nulla posuere ante
Quisque ornare
et risus iaculis,
l'Institut français est émetteur. Nulla posuere ante Nulla posuere a
logo
partenaire
logo logo logo logo logo logo logo logo logo
logo logo
logo logo logo logo logo logo logo logo logo logo
logo logo
Les photos présentées sur cette page
sont uniquement illustratives, il ne faut
pas les utiliser car elles ne sont pas libres
de droits.
P 36 /// Charte graphique • octobre 2016Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
3.8 /// La communication événementielle → les affiches
L'Institut français co-organisateur :
Les affiches où l'Institut français est
co-organisateur utilisent le bloc marque L'Institut français co-organisateur
institutionnel qui se positionne en bas à droite
Paris la ville Corps
et qui est d'une taille 50% supérieurev iaux v r e
l e s
v i v r e
l e s
autres logos partenaires. c u l t u r e s c u l t u r e s
Musique
Ci-contre deux exemples d'affiches où en dehors mobiles
Club
l'Institut français est co-organisateur.
Corps
mobiles
LOREM
IPSUM LOREM IPSUM LOREM IPSUM
ET PARVUM ET PARVUM LOREM IPSUM
ET PARVUM
Lorem ipsum Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet, ET PARVUM consectetur adipiscing elit.
dolor sit amet consectetur adipiscing elit.
Lorem ipsum dolor sit amet, Nullam venenatis lacinia
consectetur Nullam venenatis lacinia
consectetur adipiscing elit.
adipiscing elit Nullam venenatis lacinia metus, ac ullamcorper orci.
Nullam venenatis ac ullamcorper orci.
ac ullamcorper orci. Quisque ornare turpis
Quisque ornare turpis
Quisque ornare turpis et risus iaculis, in luctus
et risus iaculis, in luctus
et risus iaculis, in luctus Nulla posuere ante
Nulla posuere ante
Nulla posuere ante
logo logo
partenaire partenaire
logo logo logo logo logo logo logo logo logo logo
logo logo logo
logo logo
logo logo
logo logologo logo logo logo logo logo logo
Les photos présentées sur cette page
sont uniquement illustratives, il ne faut
pas les utiliser car elles ne sont pas libres
de droits.
P 37 /// Charte graphique • octobre 2016Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
3.8 /// La communication événementielle → les affiches
L'Institut français partenaire :
Les affiches où l'Institut français est
partenaire utilisent le bloc marque L'Institut français partenaire
institutionnel positionné de préférence
Le
Le bruit
bruit Le
Le Marteau
Marteau
en bas à droite et de taille équivalente
aux autres logotypes partenaires.
Ci-contre deux exemples d'affiches où
l'Institut français est partenaire.
des
des pages
pages sans
sans maître
maître
LOREM
LOREMIPSUM
IPSUM
ET
ETPARVUM
PARVUM
Lorem
Loremipsum
ipsumdolor
dolor
sitsit
amet,
amet,
lorem
loremipsum
ipsum
LOREM
LOREMIPSUM
IPSUM consectetur
consectetur adipiscing
adipiscing
ET
ETPARVUM
PARVUM
elit.
elit.
Nullam
Nullam venenatis
venenatis
Lorem
Lorem ipsum
ipsum dolor
dolor sitsit
amet,
amet, acacullamcorper
ullamcorper orci
orci
consectetur
consectetur adipiscing
adipiscing elit.
elit. Quisque
Quisque ornare
ornare turpis
turpis
Nullam
Nullam venenatis
venenatis lacinia
lacinia metus,
metus, etet
risus
risusiaculis,
iaculis,
inin
luctus
luctus
acacullamcorper
ullamcorper orci.
orci. Nulla
Nulla posuere
posuere ante
ante
Quisque
Quisque ornare
ornare turpis
turpis
etet
risus
risusiaculis,
iaculis,
ininluctus
luctus etet
risus
risus
iaculis,
iaculis,
inin
luct
luct
Nulla
Nullaposuere
posuere ante
ante Nulla
Nullaposuere
posuere ante
ante
logo
logo logo
logo logo
logo logo
logo logo
logo
logo
logo logo
logo logo
logo logo
logo logo
logo
P 38 /// Charte graphique • octobre 2016Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
3.8 /// La communication événementielle → les affiches
L'Institut français partenaire :
Ci-contre un autre exemple d’affiche
pour l’Institut français partenaire. Cette L'Institut français partenaire
application avec les couleurs du drapeau
Prix
français peut être adaptée en fonction de
l’événement.
Prix de la
À utiliser de manière ponctuelle.
Littéraire Francophonie
de la Franco-
phonie LOREM IPSUM LOREM IPSUM
ET PARVUM ET PARVUM
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
consectetur adipiscing elit consectetur adipiscing elit
Nullam venenatis lacinia metus Nullam venenatis lacinia metus
ac ullamcorper orci. ac ullamcorper orci.
Quisque ornare turpis Quisque ornare turpis
et risus iaculis, in luctus et risus iaculis, in luctus
Nulla posuere ante Nulla posuere ante
logo logo logo logo logo logo logo logo
P 39 /// Charte graphique • octobre 2016Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
3.9 /// La signalétique → le kakémono
Le kakémono existe en 3 versions et est
toujours imprimé en une couleur,
le Pantone® Process Blue C.
Il existe :
• une version fond bleu avec une
composition spéciale du bloc marque
signature,
• une version avec uniquement le bloc
v i v r e
marque signature et le symbole l e s
institutionnel, c u l t u r e s
• une version avec le logotype et une trame
composée de plusieurs pictogrammes
(voir trame page 44).
Elles sont illustrées ci-contre.
Ces kakémonos sont disponibles en version
haute définition. v i v r e
l e s
c u l t u r e s
P 40 /// Charte graphique • octobre 2016Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
3.10 /// Le multimédia → le DVD
Ci-contre est présenté le principe graphique
de la jaquette du boîtier DVD ainsi que le
marquage du disque.
Lorem
ipsum
Lorem ipsum
t, consectetur adipiscing elit.
parvum
Lorem
Quisque egestas mi a dapibus eleifend. Cras ipsum et
parvum
c u l t u r e s
congue sem vel velit rutrum iaculis. Proin magna
nisl, hendrerit a augue et, scelerisque eleifend
erat. Ut elementum malesuada mollis. Etiam
Lorem ipsum
enim arcu, auctor vitae venenatis quis, ornare et t, consectetur
lorem. Cras aliquet, diam at malesuada faucibus, adipiscing elit.
ligula lorem porta urna, nec rhoncus nibh risus Quisque egestas mi
a dapibus eleifend.
sed felis. Aliquam rutrum velit justo, et iaculis Cras congue sem
l e s
quam congue ut. Nunc non est eu justo vel velit rutrum
consectetur mollis sit amet eu eros. Nunc urna iaculis. Proin
orci, imperdiet id nunc ut, sodales aliquet nunc.
v i v r e
Vestibulum iaculis augue non ante elementum
malesuada. Morbi tempor volutpat posuere. Sed
et aliquet nulla. Duis a molestie risus.
Morbi malesuada mauris mauris, eu placerat
lacus elementum vulputate. Aliquam erat
volutpat. Nunc eu nisl eget mi bibendum
venenatis. Nunc a nulla lobortis, sodales mauris
v i v r e
Lorem ipsum v i v r e
l e s t, consectetur adipiscing elit. Quisque egestas m l e s
c u l t u r e s i a dapibus eleifend. Cras congue sem vel velit c u l t u r e s
La photo présentée sur cette page
est uniquement illustrative, il ne faut pas
l'utiliser car elle n'est pas libre de droits.
P 41 /// Charte graphique • octobre 2016Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
3.11 /// Le multimédia → la favicon
La favicon est présente sur l'icône de
l'application de smartphone et la barre
d'adresse lorsque l'on visite le site.
Elle est d'un fond bleu RVB (voir page 07
pour les références couleurs) sur lequel
s'inscrit en blanc une composition inspirée
du logotype qui forme les initiales "I" et "F".
Cette composition a uniquement été créée
pour la favicon et ne doit en aucun cas être
utilisée ailleurs.
Elle est disponible en version haute
définition. SIGN UP
LOG IN
FORGET YOUR PASSWO RD?
Favicon
P 42 /// Charte graphique • octobre 2016Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
3.12 /// Le multimédia → la signature de courriel
La signature de courriel est composée d'un
bloc marque signature bleu spécifique ainsi
que des coordonnées de l'expéditeur. Sont
présentes également 2 icônes, Facebook et
Twitter, permettant un accès rapide à nos
réseaux sociaux.
Le bloc marque signature avec cette
structure (signature à droite du bloc
marque institutionnel) est une utilisation
exceptionnelle et unique à la signature de
courriel. Cette structure ne doit pas être
utilisée sur d'autres supports.
La typographie à utiliser est l'Helvetica.
Elle est disponible en version haute
définition. Hélène Conand 8 / 14, rue du Capitaine Scott
Directrice adjointe F-75015 Paris
Département Communication T + 33 1 53 69 83 95
S + 33 1 53 69 83 00
institutfrancais.com
v i v r e
l e s
c u l t u r e s
Helvetica
P 43 /// Charte graphique • octobre 2016Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / ///////////////////////////////// 3.13 /// Le multimédia → son & vidéo Une animation vidéo a été créée pour promouvoir notre nouvelle identité ainsi que le système graphique. Cette animation peut être utilisée pour présenter l'Institut français lors d'événements, pour présenter la nouvelle identité sur le site, dans des reportages vidéos, etc. P 44 /// Charte graphique • octobre 2016
Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /////////////////////////////////
3.14 /// Les objets promotionnels → le mug
Pour personnaliser et animer le mug,
une trame composée de plusieurs
pictogrammes de disciplines a été créée.
Cette trame et le mug sont présentés
Trame du mug
ci-contre.
Le fichier de la trame est disponible en
version haute définition.
P 45 /// Charte graphique • octobre 2016Les applications //// / / / / / / / / / / / / / / / / / / / / / / / / / / / / / ///////////////////////////////// 3.15 /// Les objets promotionnels → les autres objets D'autres objets promotionnels ont été créés afin de faire vivre notre identité en dehors des supports imprimés. Deux exemples de marquages sont présentés ci-contre. P 46 /// Charte graphique • octobre 2016
Vous pouvez aussi lire
