SlideShare une entreprise Scribd logo
1  sur  16
Télécharger pour lire hors ligne
Achille DELOBBEL




CHARTE GRAPHIQUE
2013
SOMMAIRE

1. LE LOGOTYPE                            2. LES TYPOGRAPHIES
Note d’intention                          Logo et supports imprimés
Couleurs                                  Supports web
Zone de protection et taille minimale
Sur fonds colorés et images
Les interdits


3. LA GAMME COLORIMÉTRIQUE                4. PAPÉTERIE
Couleurs du logotype                      Carte de visite
Palettes proposées                        En-tête de lettre


5. SUPPORTS NUMÉRIQUES
Twitter
Facebook
Le logotype sur les supports numériques
1. LE LOGOTYPE
Note 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.
1. LE LOGOTYPE
Couleurs

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.
1. LE LOGOTYPE
Zone de protection et taille minimale

Zone de protection.
La zone de protection du logo permet de               x


préserver sa lisibilité, elle correspond à
la zone autour du logotype dans la qu’elle                x

aucun élément graphique ou textuel ne peut
apparaître.                                   x

Les espaces à respecter sont expliqués
Ci-contre.                                                    x




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
1. LE LOGOTYPE
Sur 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.
1. LE LOGOTYPE
Les 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,
                                                MUSÉE DES
- l’orientation du logo,
- la disposition des éléments du logo.          CONFLUENCES        MUSÉE DES     MUSÉE DES
                                                                   CONFLUENCES   CONFLUENCES
Il est également interdit de disposer le logo
sur fond coloré sans son cadre blanc.

                                                                             MUSÉE




                                                               S
                                                          EN S
                                                            CE
                                                       LU DE
                                                                             DES
                                                                             CONFLUENCES


                                                     NF E
                                                   CO SÉ
                                                    MU
2. LES TYPOGRAPHIES
Logo et supports imprimés

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

Pour tous les supports imprimés on utilisera      abcdefghijklmnopqrstuvwxyz
la DIN Pro dans sa version Light pour le          ABCDEFGHIJKLMNOPQRSTUVWXYZ
corps de texte, la DIN Pro dans sa version
Bold pour les titres, qui seront toujours écrit   0123456789()[]#&@?!:;.,
en capitales.

On utilisera la DIN Pro Médium pour les           DIN Pro Médium :
sous-titres et les légendes, si besoin est.
                                                  abcdefghijklmnopqrstuvwxyz
                                                  ABCDEFGHIJKLMNOPQRSTUVWXYZ
                                                  0123456789()[]#&@?!:;.,

                                                  DIN Pro Bold :
                                                  abcdefghijklmnopqrstuvwxyz
                                                  ABCDEFGHIJKLMNOPQRSTUVWXYZ
                                                  0123456789()[]#&@?!:;.,
2. LES TYPOGRAPHIES
Supports web

La typographie utilisé sur le web                  Verdana Regular :
(site internet, applications, newsletters etc..)
est la Verdana, choisit pour son accessibilité     abcdefghijklmnopqrstuvwxyz
et sa lisibilité.                                  ABCDEFGHIJKLMNOPQRSTUVWXYZ
                                                   0123456789()[]#&@?!:;.,

                                                   Verdana Italique :
                                                   abcdefghijklmnopqrstuvwxyz
                                                   ABCDEFGHIJKLMNOPQRSTUVWXYZ
                                                   0123456789()[]#&@?!:;.,

                                                   Verdana Bold :
                                                   abcdefghijklmnopqrstuvwxyz
                                                   ABCDEFGHIJKLMNOPQRSTUVWXYZ
                                                   0123456789()[]#&@?!:;.,
3. LA GAMME COLORIMÉTRIQUE
Couleurs du logotype

Voici les trois couleurs utilisées   CMJN : 60 - 0 - 0 - 60   CMJN : 0 - 0 - 0 - 60
pour l’impression du logo en         RVB : 42 - 88 - 109      RVB : 109 - 111 - 114
couleur, et en niveau de gris.       Pantone : 5405 C         Pantone : Cool Gray 10 C
                                     Héxa : #346bce           Héxa : #808285


                                     CMJN : 30 - 0 - 0 - 30   CMJN : 0 - 0 - 0 - 30
                                     RVB : 112 - 153 - 176    RVB : 174 - 176 - 179
                                     Pantone : 5425 C         Pantone : Cool Gray 5 C
                                     Héxa : #81aabb           Héxa : #bcbec0


                                     CMJN : 15 - 0 - 0 - 15   CMJN : 0 - 0 - 0 - 15
                                     RVB : 171 - 198 - 213    RVB : 212 - 213 - 215
                                     Pantone : 7542 C         Pantone : 420 C
                                     héxa : #b8cfdb           Héxa : #dcddde
3. LA GAMME COLORIMÉTRIQUE
Palettes proposées

Les palettes de couleurs            CMJN : 25 - 10 - 10 - 0     CMJN : 17 - 6 - 15 - 0
Ci-contre sont proposées à titre    RVB : 42 - 88 - 109         RVB : 202 - 214 - 204
indicatif. Leur utilisation n’est   Pantone 7542 C              Pantone 442 C
pas obligatoire mais conseillée
dans un soucis d’harmonie et
d’homogénéité pour la création
de supports de communication        CMJN : 45 - 20 - 20 - 3     CMJN : 37 - 17 - 35 - 0
autres que ceux présent dans        RVB : 127 - 162 - 177       RVB : 151 - 174 - 153
cette charte.                       Pantone 5425 C              Pantone 444 C




                                    CMJN : 80 - 45 - 35 - 20    CMJN : 75 - 35 - 71 - 17
                                    RVB : 43 - 86 - 105         RVB : 59 - 102 - 71
                                    Pantone 5405C C             Pantone 5615 C



                                    CMJN : 100 - 65 - 45 - 45   CMJN : 92 - 40 - 96 - 47
                                    RVB : 0 - 44 - 61           RVB : 0 - 59 - 28
                                    Pantone 303 C               Pantone 627 C



                                    CMJN : 100 - 75 - 60 - 80
                                    RVB : 0 - 11 - 20
                                    Pantone 5467 C
4. PAPÉTERIE
Carte de visite

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




                                 Verso
4. PAPÉTERIE
En-tête de lettre

En-tête de lettre au format A4.
5. SUPPORTS NUMÉRIQUES
Twitter

Kit graphique à destination du
compte Twitter du Musée des
Confluences.
5. SUPPORTS NUMÉRIQUES
Facebook

Kit graphique à destination de
la page Facebook du Musée
des Confluences.
5. SUPPORTS NUMÉRIQUES
Le 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.

Contenu connexe

En vedette

Confluences : Charte d'utilisation du logo
Confluences : Charte d'utilisation du logoConfluences : Charte d'utilisation du logo
Confluences : Charte d'utilisation du logoAnthonyZanta
 
Exemple de charte graphique
Exemple de charte graphiqueExemple de charte graphique
Exemple de charte graphiqueLaureBS
 
60e enquête de conjoncture PME 2015
60e enquête de conjoncture PME 201560e enquête de conjoncture PME 2015
60e enquête de conjoncture PME 2015Bpifrance
 
Maison Pierre - Redesign logo
Maison Pierre - Redesign logoMaison Pierre - Redesign logo
Maison Pierre - Redesign logoDavid Benzaken
 
Nouvelle charte graphique_ffbb
Nouvelle charte graphique_ffbbNouvelle charte graphique_ffbb
Nouvelle charte graphique_ffbbnfbourreau
 
Bizcom Work - Charte Fast Complete Light
Bizcom Work - Charte Fast Complete LightBizcom Work - Charte Fast Complete Light
Bizcom Work - Charte Fast Complete LightBranding pass
 
Exemple adaptation charte graphique sur support slidologé
Exemple adaptation charte graphique sur support slidologéExemple adaptation charte graphique sur support slidologé
Exemple adaptation charte graphique sur support slidologéMySlide1
 
Sensibilisation à ITIL V3
Sensibilisation à ITIL V3Sensibilisation à ITIL V3
Sensibilisation à ITIL V3COMPETENSIS
 

En vedette (13)

Confluences : Charte d'utilisation du logo
Confluences : Charte d'utilisation du logoConfluences : Charte d'utilisation du logo
Confluences : Charte d'utilisation du logo
 
Exemple de charte graphique
Exemple de charte graphiqueExemple de charte graphique
Exemple de charte graphique
 
60e enquête de conjoncture PME 2015
60e enquête de conjoncture PME 201560e enquête de conjoncture PME 2015
60e enquête de conjoncture PME 2015
 
Plaquette démarchage
Plaquette démarchagePlaquette démarchage
Plaquette démarchage
 
Maison Pierre - Redesign logo
Maison Pierre - Redesign logoMaison Pierre - Redesign logo
Maison Pierre - Redesign logo
 
Charte graphique
Charte graphiqueCharte graphique
Charte graphique
 
Nouvelle charte graphique_ffbb
Nouvelle charte graphique_ffbbNouvelle charte graphique_ffbb
Nouvelle charte graphique_ffbb
 
Bizcom Work - Charte Fast Complete Light
Bizcom Work - Charte Fast Complete LightBizcom Work - Charte Fast Complete Light
Bizcom Work - Charte Fast Complete Light
 
Charte graphique
Charte graphiqueCharte graphique
Charte graphique
 
Charte graphique
Charte graphiqueCharte graphique
Charte graphique
 
Charte graphique
Charte graphiqueCharte graphique
Charte graphique
 
Exemple adaptation charte graphique sur support slidologé
Exemple adaptation charte graphique sur support slidologéExemple adaptation charte graphique sur support slidologé
Exemple adaptation charte graphique sur support slidologé
 
Sensibilisation à ITIL V3
Sensibilisation à ITIL V3Sensibilisation à ITIL V3
Sensibilisation à ITIL V3
 

Similaire à Charte graphique Achille Delobel

Similaire à Charte graphique Achille Delobel (8)

Retrospective Erik Spiekermann
Retrospective Erik SpiekermannRetrospective Erik Spiekermann
Retrospective Erik Spiekermann
 
OVADYS.pdf
OVADYS.pdfOVADYS.pdf
OVADYS.pdf
 
Ae msofts mascareignes ltd
Ae msofts mascareignes ltdAe msofts mascareignes ltd
Ae msofts mascareignes ltd
 
Ville-de-Nevers-Charte-graphique0000.pdf
Ville-de-Nevers-Charte-graphique0000.pdfVille-de-Nevers-Charte-graphique0000.pdf
Ville-de-Nevers-Charte-graphique0000.pdf
 
Charte graphique
Charte graphiqueCharte graphique
Charte graphique
 
Charte Graphique TB Speed
Charte Graphique TB SpeedCharte Graphique TB Speed
Charte Graphique TB Speed
 
Charte Selectour Tourisme
Charte Selectour TourismeCharte Selectour Tourisme
Charte Selectour Tourisme
 
Charte Graphique - Bedoret Van Vooren
Charte Graphique - Bedoret Van VoorenCharte Graphique - Bedoret Van Vooren
Charte Graphique - Bedoret Van Vooren
 

Charte graphique Achille Delobel

  • 2. SOMMAIRE 1. LE LOGOTYPE 2. LES TYPOGRAPHIES Note d’intention Logo et supports imprimés Couleurs Supports web Zone de protection et taille minimale Sur fonds colorés et images Les interdits 3. LA GAMME COLORIMÉTRIQUE 4. PAPÉTERIE Couleurs du logotype Carte de visite Palettes proposées En-tête de lettre 5. SUPPORTS NUMÉRIQUES Twitter Facebook Le logotype sur les supports numériques
  • 3. 1. LE LOGOTYPE Note 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.
  • 4. 1. LE LOGOTYPE Couleurs 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.
  • 5. 1. LE LOGOTYPE Zone de protection et taille minimale Zone de protection. La zone de protection du logo permet de x préserver sa lisibilité, elle correspond à la zone autour du logotype dans la qu’elle x aucun élément graphique ou textuel ne peut apparaître. x Les espaces à respecter sont expliqués Ci-contre. x 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
  • 6. 1. LE LOGOTYPE Sur 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.
  • 7. 1. LE LOGOTYPE Les 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, MUSÉE DES - l’orientation du logo, - la disposition des éléments du logo. CONFLUENCES MUSÉE DES MUSÉE DES CONFLUENCES CONFLUENCES Il est également interdit de disposer le logo sur fond coloré sans son cadre blanc. MUSÉE S EN S CE LU DE DES CONFLUENCES NF E CO SÉ MU
  • 8. 2. LES TYPOGRAPHIES Logo et supports imprimés La typographie choisie pour le logo est une DIN Pro Médium. DIN Pro Light : Pour tous les supports imprimés on utilisera abcdefghijklmnopqrstuvwxyz la DIN Pro dans sa version Light pour le ABCDEFGHIJKLMNOPQRSTUVWXYZ corps de texte, la DIN Pro dans sa version Bold pour les titres, qui seront toujours écrit 0123456789()[]#&@?!:;., en capitales. On utilisera la DIN Pro Médium pour les DIN Pro Médium : sous-titres et les légendes, si besoin est. abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789()[]#&@?!:;., DIN Pro Bold : abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789()[]#&@?!:;.,
  • 9. 2. LES TYPOGRAPHIES Supports web La typographie utilisé sur le web Verdana Regular : (site internet, applications, newsletters etc..) est la Verdana, choisit pour son accessibilité abcdefghijklmnopqrstuvwxyz et sa lisibilité. ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789()[]#&@?!:;., Verdana Italique : abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789()[]#&@?!:;., Verdana Bold : abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789()[]#&@?!:;.,
  • 10. 3. LA GAMME COLORIMÉTRIQUE Couleurs du logotype Voici les trois couleurs utilisées CMJN : 60 - 0 - 0 - 60 CMJN : 0 - 0 - 0 - 60 pour l’impression du logo en RVB : 42 - 88 - 109 RVB : 109 - 111 - 114 couleur, et en niveau de gris. Pantone : 5405 C Pantone : Cool Gray 10 C Héxa : #346bce Héxa : #808285 CMJN : 30 - 0 - 0 - 30 CMJN : 0 - 0 - 0 - 30 RVB : 112 - 153 - 176 RVB : 174 - 176 - 179 Pantone : 5425 C Pantone : Cool Gray 5 C Héxa : #81aabb Héxa : #bcbec0 CMJN : 15 - 0 - 0 - 15 CMJN : 0 - 0 - 0 - 15 RVB : 171 - 198 - 213 RVB : 212 - 213 - 215 Pantone : 7542 C Pantone : 420 C héxa : #b8cfdb Héxa : #dcddde
  • 11. 3. LA GAMME COLORIMÉTRIQUE Palettes proposées Les palettes de couleurs CMJN : 25 - 10 - 10 - 0 CMJN : 17 - 6 - 15 - 0 Ci-contre sont proposées à titre RVB : 42 - 88 - 109 RVB : 202 - 214 - 204 indicatif. Leur utilisation n’est Pantone 7542 C Pantone 442 C pas obligatoire mais conseillée dans un soucis d’harmonie et d’homogénéité pour la création de supports de communication CMJN : 45 - 20 - 20 - 3 CMJN : 37 - 17 - 35 - 0 autres que ceux présent dans RVB : 127 - 162 - 177 RVB : 151 - 174 - 153 cette charte. Pantone 5425 C Pantone 444 C CMJN : 80 - 45 - 35 - 20 CMJN : 75 - 35 - 71 - 17 RVB : 43 - 86 - 105 RVB : 59 - 102 - 71 Pantone 5405C C Pantone 5615 C CMJN : 100 - 65 - 45 - 45 CMJN : 92 - 40 - 96 - 47 RVB : 0 - 44 - 61 RVB : 0 - 59 - 28 Pantone 303 C Pantone 627 C CMJN : 100 - 75 - 60 - 80 RVB : 0 - 11 - 20 Pantone 5467 C
  • 12. 4. PAPÉTERIE Carte de visite Carte de visite nominative Recto au format 85x55 mm, imprimée en bichromie recto/verso sur papier recyclé 350g. Verso
  • 13. 4. PAPÉTERIE En-tête de lettre En-tête de lettre au format A4.
  • 14. 5. SUPPORTS NUMÉRIQUES Twitter Kit graphique à destination du compte Twitter du Musée des Confluences.
  • 15. 5. SUPPORTS NUMÉRIQUES Facebook Kit graphique à destination de la page Facebook du Musée des Confluences.
  • 16. 5. SUPPORTS NUMÉRIQUES Le 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.