Charte graphique Loic Berthel

Musée des confluences : Logotype
Charte graphique 2012

1


SOMMAIRE:
Introduction (3)

Choix graphique (4)

Construction & zone de protection (5)

Typographies (6)

Gamme chromatique (7)

Contre indication (8)

Intégration du logotype dans une image ( 9,10,11)

Déclinaisons papiers (12,13,14)

Déclinaisons Web (15,16,17)

Goodies (18)

2


Contexte d’utilisation

Introduction de la charte:

Le musée des confluences , musée des sciences naturelles et sociales voit
le jour dans la ville de Lyon. A la confluence des fleuves, ce musée à l’architec-
ture élancé mettra en relation des problèmes de société créer le pont entre les
sciences et les enjeux sociaux.
Ce derniers ouvert sur notre société moderne se doit d’évoluer en même temps
en présentant des expositions temporaires et appliquant son rôle éducatif aux
médias d’aujourd’hui.

Ce document est destiné aux : graphistes, exécutifs, secrétaires, chargé de
communications , journalistes, et toutes les personnes qui auraient besoin de
communiquer au nom ou en faveur du musée , association, etc...

Vous retrouverez dans cette charte l’application graphique de l’identité visuelle
du musée des confluences au différents supports.
Cette derniere vous aidera à la bonne utilisation de l’identité visuelle du musée
pour une communication en interne , lors d’évènements ou autres.

Vous retrouverez dans la suite de cette charte une déclinaison web ,spécifiant les
notices d’utilisation pour une communication sur le web et sur les médias
numériques.

3


Choix graphique et valeurs du logotype.

Ce logotype met en relation des univers typographiques renvoyant aux deux points forts présentés
par le musée: Les sciences sociales et naturelles.

Le «M» de la typographie Time New Roman renvoit à l’univers de l’écriture, de l’imprimerie connotant
le dialogue, l’échange renvoyant aux sciences sociales.
La complexité de la lettre , présentant des sérifs et des déliés renvoie à la structure du batiment.
Le « C» destructuré renvoit à l’idée d’empreinte. Sa structure telle un fosile connote les sciences
naturelles.
Ces deux univers sont mis en relation directe par le biais d’une symétrie se mettant en place grace à
une ligne horizontale sur laquel les deux lettres viennent se reposer dans leurs positionnements.
Cette stabilité montre le coté institutionnel d’un musée , organisant , structurant des idées , des débats.

4


Construction du logotype & zone de protection

>Construction du logotype:
Y=6X

5x

x
x

6x

>Zone de protection:
2Y
x

x
5


>Choix typographiques.

>Typographie print. >Typographie web:

Titre Titre
Sous titre Sous titre

Loratur? Ihit, eos erem rest, odit dolup- Loratur? Ihit, eos erem rest, odit
tat et iunt maionem dolorpo remquid doluptat et iunt maionem dolorpo
quodign ihillibus evellup tatiore rehent remquid quodign ihillibus evellup
aut aut quodipsunte eaque numque dolo tatiore rehent aut aut quodip-
estia volor atis exerum quia parum lac- sunte eaque numque dolo estia
cusciam utem hitionsent que perio et, te volor atis exerum quia parum
quam vel idunt, optum qui blam dolum, laccusciam utem hitionsent que
qui aligent la simet, ut rem remporrum perio et, te quam vel idunt, op-
laut eiur sequi ditatur? tum qui blam dolum, qui aligent
Non comnis autet ut verunt fugias pli- la simet, ut rem remporrum laut
genditat aut omniae vent dolest aut eiur sequi ditatur?
et poremped quo comnimil miliquate Non comnis autet ut verunt fugias
velicaborum volupta tatatia volo volupta pligenditat aut omniae vent do-
tibusantur, cus ea netur? Riasit et, ilitas lest aut et poremped quo comni-
et lam consequis conse prae ni doluptis mil miliquate velicaborum volupta
mod modis ma quas con es et ad quia tatatia volo volupta tibusantur,
doloriti dolorer epraturiaest optiant odi- cus ea netur? Riasit et, ilitas et

Titre: Myriad pro bold italic 24 pt Titre: Deja vu sans sérif bold 24pt
Sous titre: Myriad pro bold 12 pt Sous titre: Deja vu sans sérif bold 12 pt
#######: Myriad pro regular 12 pt #######: Deja vu sans sérif book 12 pt

6


>Gamme colorée

C 71 C 0 C 0
M 3 M 0 M 0
J 0 J 0 J 0
N 0 N 0 N 100

R 0 R 255 R 26
V 173 V 255 V 23
B 328 B 255 B 27

# OOADEE # FFFFFF # 1A171B

7


Intégrité du logotype: Contre-indications.

>Utiliser d’autres couleurs. >Déformer le logotype.

>Utiliser une typographie
en accompagnement.
>Couper le logotype.

Musée des
confluences

>Orienter le logotype.

>Déformer le logotype.:

8


Règles d’intégration du logotype.

>Sur image unie de couleur claire: >Sur image complexe de couleur claire:

>Utilisation du logotype seul de couleur noire pour >Utilisation du logotype noir sur fond blanc , pour un
une image claire et unie. Ceci est valable pour un logo- logotype s’integrant sur une image claire mais com-
type de taille supérieur à 20px par 40 px, si ce plexe dans laquel des éléments pourraient venir
n’est pas le cas, utilisez un fond blanc. compromettre sa lisibilité en absence de fond.

>Sur image unie de couleur sombre: >Sur image complexe de couleur sombre:

>Utilisation du logotype seul de couleur blanc pour une >Utilisation du logotype blanc sur fond noir, pour un
image sombre et unie . logotype s’integrant sur une image sombre mais
Ceci est valable pour un logotype de taille supérieur à complexe dans laquel des éléments pourraient venir
20px par 40 px, si ce n’est pas le cas, utilisez un fond compromettre sa lisibilité en absence de fond.
noir.

9


Intégration du logotype en fonction des supports (2).

>Autres possibilités d’intégrations.

> Ne pas utiliser en dessous de 20px par 40 px car illisible.

Intégration avec d’autres logotype:

10


Taille d’intégration du logotype sur une image.

Y

X

>Le logotype viens s’intégrer comme une signature sur des photographies en rapport avec le musée. Sa taille est
proportionnelle à celle de l’image.

X/12

Y/19
11


>Intégration du logotype sur support papier.

2x

Mr Bocquet Pierre
Site des
x
x confluences
Lyon 69002
04 78 31 46 76

Voici les indications de mise en page pour intégrer le logotype à des informations
comme celle proposées ( Cf: carte de visite et tête de lettre).
C’est la seule situation où la zone de protection peut être franchit.
Respecter les distances énnoncées au dessus.

> Conseil d’impression:

Veillez utiliser le logotype en 300 dpi pour des impressions afin de garder les
détails graphique du logotype.

12


> Support de communication papier.

2 cm
>Lettre:

2 cm
Bonjour,

Dae pa dundam elicimo lestia voluptates volupicia
ideris sust, sa voluptaecus eleceatur si quae ped
erior sint omni doloribus et etus, sin nihitatur, qui
dunt ipid molecus aliatio. Et aut dus accullant qui
dolupid magnis duntiam, occus.
Ga. Nequae culparcias acveaqui dolo eum quis
eicae sum ut am, volut lant repe endelitat.
Ide nusciet eium cor molorem sinimus.
Id evellam accus, quaersp erferfe rferchilique
porruptium dolupta atem dolupis acearch itatur si
doluptatur?
Vel ea num labore, sint quam, sinciae coratia pro-
rione prat et quiaepe riatem imin pratur si raerfe-
rum in posant, serum quam solenda cusam voluptas
comnimet utestistius dolecta sitiber rovitem porep-
tur siti suntium quatius renihilibus imilique cus
mollant voloribus dolessi magnimpos dolor aut quas
que doluptaturi cumenes sequam
40 mm

Mr Bocquet Pierre - Site des confluences
Lyon 69 002
04 78 31 46 76

20 mm

> Le logotype s’integre en tête de lettre comme pour tout support papier
(CF: intégration logotype sur support papier)
A4

13


Variation du logotype et utilisation pour son intégration sur image.

> Carte de visite:
80mm

Musée des confluences
Site des confluences

50mm
Lyon 69 002

O4/78/31/45/76
confluence@mail.fr

> Ticket d’entré :
80mm

/ENTRÉE/
Musée des confluences 50mm

Tarif étudiant

Entrée

14


Interface Facebook & tweeter.

>Facebook:

>Tweeter:

Musée des confluences

15


Taille logotype sur écran

>Voici la taille recommandé du logotype si celui ci est integré au siteweb , ou pour une application
pour smartphone.
Les zones de protection doivent être cependant respectées.

1024px
110 px

130 px
768px

640px

90 px

1136px
110 px

16


Favicon & Application smartphone.

>Favicon:
16px

16px
>Application smartphone: 57 px

57px

17


Goodies

>Tee-shirt

>Mug Confluence

>Clef USB

18

Charte graphique Loic Berthel

Recomendados

Recomendados

Más contenido relacionado

Similar a Charte graphique Loic Berthel

Similar a Charte graphique Loic Berthel (18)

Charte graphique Loic Berthel