19
Charte graphique

Charte graphique Clara Chaume

Embed Size (px)

DESCRIPTION

 

Citation preview

  • 1. Charte graphique

2. Sommaire01 Le logotype 02La gamme chromatique03 Lutilisation des typographiesa Prsentationa Prsentation a Titres et sous-titresb Dclinaisonsb Niveaux de grisb Corps de textec Zone de protection et proportions c Monochromied Interdits 04Sur le web 05Sur papier06 Goodiesa Favicon et affichage sur page web a Papier en-tteb Smartphoneb Carte de visitec Ensemble Facebookd Ensemble Twitter 3. 01Le logotypea Prsentation Ce logotype vise mettre en lumire deux aspects du muse : La contruction constante du savoir : Le muse naura pas de collection dfinitive et fige mais au contraire acquirera en permanence de nouvelles ressources. Lvolution : De lvolution naturelle lvolution sociale. Cela tmoigne de la polyvalence du muse qui exposera tout aussi bien des savoirs de lordre de lhistoire naturelle que de lordre des sciences humaines. Graphiquement, ces valeurs sont traduites par la construction de lettres qui restent incompltes mais sur lesquelles des morceaux viennent sajouter. Il vhicule galement une ide de modernit et de technologie de part son colori et sa conotation de barre dtat de chargement. Nous verrons plus tard quil possde aussi du potentiel pour tre dvelopp sous forme anime pour laffichage sur le web. Enfin, il rappelle la situation gographique du btiment, grce sa couleur bleue comme leau la csure du mot confluences qui rappelle la sparation des deux fleuves. 4. 01 Le logotypeb DclinaisonsLogo sans fond utiliser sur une image ou sur du gris fonc. 5. 01Le logotypeb Dclinaisons Moins de 100 px ou 5 cm Logo carr utiliser quand la largeur est infrieure 5 centimtres ou 100 pixels(except pour lanimation de chargement du site). 6. 01 Le logotypec Zone de protection et proportions 2xx2xxx xxxxx 7. 01 Le logotyped InterditsLincliner Changer les couleurs Lapplatir 8. 02 La gamme chromatiquea Prsentation C:0 R : 255# FFFFFF M:0 V : 255 J:0 B : 255 N:0 C : 80R : 28 # 1CA19A M : 10 V : 161 J : 45 B : 164 N:0 C : 69 R : 54#363636 M : 63 V : 54 J : 62B : 54 N : 56La seule couleur qui figure dansla charte est un bleu turquoisedsatur. Il fait rfrence la C : 49 R : 135 #878787situationgographique du M : 41 V : 135 J : 41B : 135muse en rappelant leau des N:5fleuves et voque galement lamodernit et la technologie.Le reste de la gamme colorereste dans des niveaux de gris C : 0R : 0 M : 0V : 0 # 000000afin que cette couleur bleue etses conotations soient bienJ : 0B:0mises en valeur. N: 9. 02La gamme chromatiqueb Niveau de grisLogo en niveau de gris et logoen noir et blanc utiliser en interne ou lorsque le cot delimpression couleur est trop lev. 10. 02 La gamme chromatiquec Monochromie 11. 03 Lutilisation destypographiesa Titres et sous-titresCM Sans Serif 2012 Cette typographie est celle utilise 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 linal et donc permet une unit entre les deux typographies. En revanche elle sert aux corps de texte car elle est beaucoup plus lgre et discrte, et ses formes simples et fines permettent une trs bonne lisibilit. utiliser en ExtraLight pour les corps de texte. 12. 04Sur le weba Favicon et affichage sur page webAnimation de chargement du siteFavicon anim de la mme manire que lanimationde chargement du site. Il est fixe lorsquil est affichdans la barre de favoris. 13. 04 Sur le webb Smartphone 14. 04Sur le webc Ensemble Facebook 15. 04Sur le webd Ensemble Twitter 16. 05 Sur papiera Courrier en-tte 17. 05Sur papierb Carte de visiteMonsieur Vivien DupontFonction06 76 43 54 [email protected]:///www.museedesconfluences.fr/Suivez-nous sur :Twitter : @mdconfluencesFacebook : http://www.facebook.com/pages/Muse-des-Confluences/28 Boulevard des Belges, 69006 Lyon - 04 72 69 05 00 18. 06 Goodies 19. 06 Goodies