charte graphique achille delobel

16
CHARTE GRAPHIQUE 2013 Achille DELOBBEL

Upload: asterisquesetperils

Post on 27-Jan-2015

116 views

Category:

Documents


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Charte graphique Achille Delobel

CHARTE GRAPHIQUE 2013

Achille DELOBBEL

Page 2: Charte graphique Achille Delobel

1. LE LOGOTYPE

SOMMAIRE

Note d’intentionCouleursZone de protection et taille minimaleSur fonds colorés et imagesLes interdits

2. LES TYPOGRAPHIESLogo et supports imprimésSupports web

3. LA GAMME COLORIMÉTRIQUECouleurs du logotypePalettes proposées

5. SUPPORTS NUMÉRIQUESTwitterFacebookLe logotype sur les supports numériques

4. PAPÉTERIECarte de visiteEn-tête de lettre

Page 3: Charte graphique Achille Delobel

1. LE LOGOTYPENote d’intention

Le logotype du Musée des Confluences a été conçu et pensé pour représenter le musée par son bâtiment, après l’étude de diverses pistes il semblerait que cela soit l’élément le plus identifiable au détriment de la confluence des deux fleuves ou des pôles de sciences exposés au musée. Après plusieurs recherches il a été décidé de créer une typographie pour les initiales du musée à l’image de l’architecture.Afin de rester cohérent avec la physionomie du bâtiment, on en a choisit un seul élément, en l’occurrence le cristal.Une grille composée de triangle a alors été mis en place afin de créer les deux lettres.La couleur bleu a été choisit pour symboliser les deux fleuves. Le bleu est grisé pour donnée un aspect pour institutionnel au logotype. La typographie choisit est une DIN sélectionnée pour sa lisibilité et son aspect futuriste, le texte est saisi en capitales afin de garder un maximum de lisibilité et symbolisé la grandeur et l’importance du musée et de son bâtiment.

Page 4: Charte graphique Achille Delobel

1. LE LOGOTYPECouleurs

Logo en couleurs (bichromie).Le logotype du musée des confluences est composé de trois nuances de gris bleutés, elles sont réalisées à partir de Cyan et de Noir quadrichromique. C’est ce logotype qui doit être utilisé en priorité.

Niveau de gris (monochromie).Le logotype du musée des confluences existe en niveau de gris, réalisé à partir du noir d’impression quadrichromique. Son utilisation doit être limité à une contrainte technique et/ou budgétaire.

Page 5: Charte graphique Achille Delobel

1. LE LOGOTYPEZone de protection et taille minimale

Zone de protection.La zone de protection du logo permet de préserver sa lisibilité, elle correspond à la zone autour du logotype dans la qu’elle aucun élément graphique ou textuel ne peut apparaître. Les espaces à respecter sont expliqués Ci-contre.

Taille minimale.La taille minimale du logo sur support imprimé est d’1 cm (hauteur) et de 64 pixel (hauteur) sur écran 72 DPI.

x

x

x

x

x

Page 6: Charte graphique Achille Delobel

1. LE LOGOTYPESur fonds colorés et images

Dans un soucis de lisibilité, le logotype du musée des confluences est entouré d’un bloc blanc égal à la taille de sa zone de protection, dans le cas où il est disposé sur un fond coloré ou une image.Dans cette configuration, la zone de protection du logo reste la même.

Page 7: Charte graphique Achille Delobel

1. LE LOGOTYPELes interdits

Afin de respecter une cohérence graphique il est internet de modifier :- les proportions du logo,- les couleurs du logo,- la typographie du logo,- l’orientation du logo,- la disposition des éléments du logo.

Il est également interdit de disposer le logo sur fond coloré sans son cadre blanc.

DESMUSÉECONFLUENCES DESMUSÉE

CONFLUENCESDESMUSÉE

CONFLUENCES

DESMUSÉE

CONFLUENCES

DES

MUSÉ

ECONFL

UENCES

Page 8: Charte graphique Achille Delobel

2. LES TYPOGRAPHIESLogo et supports imprimés

La typographie choisie pour le logo est une DIN Pro Médium.

Pour tous les supports imprimés on utilisera la DIN Pro dans sa version Light pour le corps de texte, la DIN Pro dans sa version Bold pour les titres, qui seront toujours écrit en capitales.

On utilisera la DIN Pro Médium pour les sous-titres et les légendes, si besoin est.

DIN Pro Light :

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789()[]#&@?!:;.,

DIN Pro Médium :

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789()[]#&@?!:;.,

DIN Pro Bold :

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789()[]#&@?!:;.,

Page 9: Charte graphique Achille Delobel

2. LES TYPOGRAPHIESSupports web

La typographie utilisé sur le web (site internet, applications, newsletters etc..)est la Verdana, choisit pour son accessibilité et sa lisibilité.

Verdana Regular :

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789()[]#&@?!:;.,

Verdana Italique :

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789()[]#&@?!:;.,

Verdana Bold :

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789()[]#&@?!:;.,

Page 10: Charte graphique Achille Delobel

3. LA GAMME COLORIMÉTRIQUECouleurs du logotype

CMJN : 60 - 0 - 0 - 60RVB : 42 - 88 - 109Pantone : 5405 CHéxa : #346bce

CMJN : 30 - 0 - 0 - 30RVB : 112 - 153 - 176Pantone : 5425 CHéxa : #81aabb

CMJN : 15 - 0 - 0 - 15RVB : 171 - 198 - 213Pantone : 7542 Chéxa : #b8cfdb

Voici les trois couleurs utilisées pour l’impression du logo en couleur, et en niveau de gris.

CMJN : 0 - 0 - 0 - 60RVB : 109 - 111 - 114Pantone : Cool Gray 10 C Héxa : #808285

CMJN : 0 - 0 - 0 - 30RVB : 174 - 176 - 179Pantone : Cool Gray 5 CHéxa : #bcbec0

CMJN : 0 - 0 - 0 - 15RVB : 212 - 213 - 215Pantone : 420 CHéxa : #dcddde

Page 11: Charte graphique Achille Delobel

3. LA GAMME COLORIMÉTRIQUEPalettes proposées

CMJN : 25 - 10 - 10 - 0RVB : 42 - 88 - 109Pantone 7542 C

CMJN : 45 - 20 - 20 - 3RVB : 127 - 162 - 177Pantone 5425 C

CMJN : 80 - 45 - 35 - 20RVB : 43 - 86 - 105Pantone 5405C C

CMJN : 100 - 65 - 45 - 45RVB : 0 - 44 - 61Pantone 303 C

CMJN : 100 - 75 - 60 - 80RVB : 0 - 11 - 20Pantone 5467 C

CMJN : 17 - 6 - 15 - 0RVB : 202 - 214 - 204Pantone 442 C

CMJN : 37 - 17 - 35 - 0RVB : 151 - 174 - 153Pantone 444 C

CMJN : 75 - 35 - 71 - 17RVB : 59 - 102 - 71Pantone 5615 C

CMJN : 92 - 40 - 96 - 47RVB : 0 - 59 - 28Pantone 627 C

Les palettes de couleurs Ci-contre sont proposées à titre indicatif. Leur utilisation n’est pas obligatoire mais conseillée dans un soucis d’harmonie et d’homogénéité pour la création de supports de communication autres que ceux présent dans cette charte.

Page 12: Charte graphique Achille Delobel

4. PAPÉTERIECarte de visite

Carte de visite nominative au format 85x55 mm,imprimée en bichromierecto/verso sur papier recyclé 350g.

Recto

Verso

Page 13: Charte graphique Achille Delobel

4. PAPÉTERIEEn-tête de lettre

En-tête de lettre au format A4.

Page 14: Charte graphique Achille Delobel

5. SUPPORTS NUMÉRIQUESTwitter

Kit graphique à destination du compte Twitter du Musée des Confluences.

Page 15: Charte graphique Achille Delobel

5. SUPPORTS NUMÉRIQUESFacebook

Kit graphique à destination de la page Facebook du Musée des Confluences.

Page 16: Charte graphique Achille Delobel

5. SUPPORTS NUMÉRIQUESLe logotype sur les supports numériques

Le favicon au format 17x17px est réalisé seulement à partir du ”M” du logo afin de garder de la lisibilité.

Les deux icônes d’application au format Windows 8 et IOS6 sont différentes car pensées en fonction du format disponible. Le logo est donc en entier pour la version windows alors que la version Iphone elle n’est symbolisée que par le ”M”.

Ci-contre le format du logo pour une utilisation sur site web, puis une utilisation sur site smartphones.