Charte graphique Clara Chaume

4 003 vues

Publié le

0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
4 003
Sur SlideShare
0
Issues des intégrations
0
Intégrations
5
Actions
Partages
0
Téléchargements
100
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Charte graphique Clara Chaume

  1. 1. Charte graphique
  2. 2. Sommaire 01 Le logotype 02 La gamme chromatique 03 L’utilisation des typographiesa Présentation a Présentation a Titres et sous-titresb Déclinaisons b Niveaux de gris b Corps de textec Zone de protection et proportions c Monochromied Interdits 04 Sur le web 05 Sur papier 06 Goodiesa Favicon et affichage sur page web a Papier à en-têteb Smartphone b Carte de visitec Ensemble Facebookd Ensemble Twitter
  3. 3. 01 Le logotypea Présentation Ce logotype vise à mettre en lumière deux aspects du musée : ▪La contruction constante du savoir : Le musée n’aura pas de collection définitive et figée mais au contraire acquiérera en permanence de nouvelles ressources. ▪L’évolution : De l’évolution naturelle à l’évolution sociale. Cela témoigne de la polyvalence du musée qui exposera tout aussi bien des savoirs de l’ordre de l’histoire naturelle que de l’ordre des sciences humaines. Graphiquement, ces valeurs sont traduites par la construction de lettres qui restent incomplètes mais sur lesquelles des morceaux viennent s’ajouter. Il véhicule également une idée de modernité et de technologie de part son colori et sa conotation de barre d’état de chargement. Nous verrons plus tard qu’il possède aussi du potentiel pour être développé sous forme animée pour l’affichage sur le web. Enfin, il rappelle la situation géographique du bâtiment, grâce sa couleur bleue comme l’eau à la césure du mot « confluences » qui rappelle la séparation des deux fleuves.
  4. 4. 01 Le logotypeb DéclinaisonsLogo sans fondÀ utiliser sur une image ou sur du gris foncé.
  5. 5. 01 Le logotypeb Déclinaisons Moins de 100 px ou 5 cm Logo carré À utiliser quand la largeur est inférieure à 5 centimètres ou 100 pixels (excepté pour l’animation de chargement du site).
  6. 6. 01 Le logotypec Zone de protection et proportions 2x x 2x x x x x x x x
  7. 7. 01 Le logotyped Interdits L’incliner Changer les couleurs L’applatir
  8. 8. 02 La gamme chromatiquea Présentation C:0 R : 255 # FFFFFF M:0 V : 255 J:0 B : 255 N:0 C : 80 R : 28 # 1CA19A M : 10 V : 161 J : 45 B : 164 N:0 C : 69 R : 54 #363636 M : 63 V : 54 J : 62 B : 54 N : 56 La seule couleur qui figure dans la charte est un bleu turquoise désaturé. Il fait référence à la C : 49 R : 135 #878787 situation géographique du M : 41 V : 135 J : 41 B : 135 musée en rappelant l’eau des N:5 fleuves et évoque également la modernité et la technologie. Le reste de la gamme colorée reste dans des niveaux de gris C : 0 R : 0 M : 0 V : 0 # 000000 afin que cette couleur bleue et ses conotations soient bien J : 0 B:0 mises en valeur. N:
  9. 9. 02 La gamme chromatiqueb Niveau de grisLogo en niveau de gris et logoen noir et blancÀ utiliser en interne ou lorsque le coût del’impression couleur est trop élevé.
  10. 10. 02 La gamme chromatiquec Monochromie
  11. 11. 03 L’utilisation des typographiesa Titres et sous-titresCM Sans Serif 2012 Cette typographie est celle utilisée pour le logotype. Elle sert également aux titres et sous-titres car elle est grasse et facilement lisible.Typographie du logotype, à utiliser en Regular pour les titres et sous-titres.b Corps de texteKozuka Gothic Pr6N La Kozuka Gothic Pr6N est dans un style linéal et donc permet une unité entre les deux typographies. En revanche elle sert aux corps de texte car elle est beaucoup plus légère et discrète, et ses formes simples et fines permettent une très bonne lisibilité.À utiliser en ExtraLight pour les corps de texte.
  12. 12. 04 Sur le weba Favicon et affichage sur page webAnimation de chargement du siteFavicon animé de la même manière que l’animationde chargement du site. Il est fixe lorsqu’il est affichédans la barre de favoris.
  13. 13. 04 Sur le webb Smartphone
  14. 14. 04 Sur le webc Ensemble Facebook
  15. 15. 04 Sur le webd Ensemble Twitter
  16. 16. 05 Sur papiera Courrier à en-tête
  17. 17. 05 Sur papierb Carte de visite Monsieur Vivien Dupont Fonction 06 76 43 54 72 vivien.dupont@mdconfluence.fr http:///www.museedesconfluences.fr/ Suivez-nous sur : Twitter : @mdconfluences Facebook : http://www.facebook.com/pages/Musée-des-Confluences/ 28 Boulevard des Belges, 69006 Lyon - 04 72 69 05 00
  18. 18. 06 Goodies
  19. 19. 06 Goodies

×