SlideShare a Scribd company logo
1 of 19
Download to read offline
Charte graphique
Sommaire

  01         Le logotype
                                       02          La gamme
                                                   chromatique    03           L’utilisation des
                                                                               typographies
a Présentation                        a Présentation             a Titres et sous-titres
b Déclinaisons                        b Niveaux de gris          b Corps de texte
c Zone de protection et proportions   c Monochromie
d Interdits




 04          Sur le web
                                       05          Sur papier
                                                                  06           Goodies

a Favicon et affichage sur page web   a Papier à en-tête
b Smartphone                          b Carte de visite
c Ensemble Facebook
d Ensemble Twitter
01        Le logotype

a 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.
01             Le logotype

b Déclinaisons



Logo sans fond
À utiliser sur une image ou sur du gris foncé.
01        Le logotype

b 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).
01         Le logotype

c Zone de protection et proportions




                                           2x

                                                x
                                      2x
                                                        x



                                                                x           x
                                                                        x
                                                            x
                                                                    x

                                                    x
01         Le logotype

d Interdits




                            L’incliner   Changer les couleurs




               L’applatir
02           La gamme
             chromatique
a 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:
02                La gamme
                   chromatique
b Niveau de gris



Logo en niveau de gris et logo
en noir et blanc

À utiliser en interne ou lorsque le coût de
l’impression couleur est trop élevé.
02         La gamme
           chromatique
c Monochromie
03             L’utilisation des
                typographies
a Titres et sous-titres




CM 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 texte




Kozuka 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.
04                Sur le web

a Favicon et affichage sur page web



Animation de chargement du site




Favicon animé de la même manière que l’animation
de chargement du site. Il est fixe lorsqu’il est affiché
dans la barre de favoris.
04         Sur le web

b Smartphone
04          Sur le web

c Ensemble Facebook
04          Sur le web

d Ensemble Twitter
05           Sur papier

a Courrier à en-tête
05            Sur papier

b 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
06   Goodies
06   Goodies

More Related Content

What's hot

Συντακτική ανάλυση κειμένου 14
Συντακτική ανάλυση κειμένου 14Συντακτική ανάλυση κειμένου 14
Συντακτική ανάλυση κειμένου 14Stella Stath
 
Tετράγωνο από ίσα τετράγωνα, Στάμη Τσικοπούλου
Tετράγωνο από ίσα τετράγωνα, Στάμη ΤσικοπούλουTετράγωνο από ίσα τετράγωνα, Στάμη Τσικοπούλου
Tετράγωνο από ίσα τετράγωνα, Στάμη ΤσικοπούλουΘανάσης Δρούγας
 
ΠΕΡΙΒΑΛΛΟΝ ΚΑΙ ΕΚΠΑΙΔΕΥΣΗ ΓΙΑ ΤΗΝ ΑΕΙΦΟΡΟ ΑΝΑΠΤΥΞΗ
ΠΕΡΙΒΑΛΛΟΝ ΚΑΙ ΕΚΠΑΙΔΕΥΣΗ ΓΙΑ ΤΗΝ ΑΕΙΦΟΡΟ ΑΝΑΠΤΥΞΗΠΕΡΙΒΑΛΛΟΝ ΚΑΙ ΕΚΠΑΙΔΕΥΣΗ ΓΙΑ ΤΗΝ ΑΕΙΦΟΡΟ ΑΝΑΠΤΥΞΗ
ΠΕΡΙΒΑΛΛΟΝ ΚΑΙ ΕΚΠΑΙΔΕΥΣΗ ΓΙΑ ΤΗΝ ΑΕΙΦΟΡΟ ΑΝΑΠΤΥΞΗpapagekon
 
αγαπημένη διαφήμιση
αγαπημένη διαφήμισηαγαπημένη διαφήμιση
αγαπημένη διαφήμιση101dsthessalonikis
 
Χρήσιμα αρχεία στην Ανάλυση της Γ Λυκείου
Χρήσιμα αρχεία στην Ανάλυση της Γ ΛυκείουΧρήσιμα αρχεία στην Ανάλυση της Γ Λυκείου
Χρήσιμα αρχεία στην Ανάλυση της Γ ΛυκείουΜάκης Χατζόπουλος
 
Oργάνωση σκέψης αφηγηματικών κειμένων
Oργάνωση σκέψης αφηγηματικών κειμένωνOργάνωση σκέψης αφηγηματικών κειμένων
Oργάνωση σκέψης αφηγηματικών κειμένωνΥπουργείο Παιδείας
 
Παρουσιάσεις PowerPoint
Παρουσιάσεις PowerPointΠαρουσιάσεις PowerPoint
Παρουσιάσεις PowerPointNikos Papastamatiou
 
πώς να φτιάξετε μια καλή παρουσίαση για τη
πώς να φτιάξετε μια καλή παρουσίαση για τηπώς να φτιάξετε μια καλή παρουσίαση για τη
πώς να φτιάξετε μια καλή παρουσίαση για τηgeorgefyttas
 
Κίνηση με αντίσταση ανάλογη του τετραγώνου της ταχύτητας
Κίνηση με αντίσταση ανάλογη του τετραγώνου της ταχύτηταςΚίνηση με αντίσταση ανάλογη του τετραγώνου της ταχύτητας
Κίνηση με αντίσταση ανάλογη του τετραγώνου της ταχύτηταςJohn Fiorentinos
 
Apostash shmeiou apo_kabili
Apostash shmeiou apo_kabiliApostash shmeiou apo_kabili
Apostash shmeiou apo_kabiliChristos Loizos
 
01β_Γ' Λυκ Φυσ Προσ_Κενά Μαθηματικά
01β_Γ' Λυκ Φυσ Προσ_Κενά Μαθηματικά01β_Γ' Λυκ Φυσ Προσ_Κενά Μαθηματικά
01β_Γ' Λυκ Φυσ Προσ_Κενά ΜαθηματικάDimitris Kontoudakis
 
Αξέχαστα γενέθλια
Αξέχαστα γενέθλιαΑξέχαστα γενέθλια
Αξέχαστα γενέθλιαstamatiademogianni
 
Φυλλάδιο θεωρίας 2020 για τη Γ Λυκείου
Φυλλάδιο θεωρίας 2020 για τη Γ ΛυκείουΦυλλάδιο θεωρίας 2020 για τη Γ Λυκείου
Φυλλάδιο θεωρίας 2020 για τη Γ ΛυκείουΜάκης Χατζόπουλος
 
το ταξίδι του οδυσσέα
το ταξίδι του οδυσσέατο ταξίδι του οδυσσέα
το ταξίδι του οδυσσέαroga agla
 
Το μήλο της Έριδας
Το μήλο της ΈριδαςΤο μήλο της Έριδας
Το μήλο της ΈριδαςTheofili
 
ΕΤΗΣΙΑ ΕΚΘΕΣΗ ΑΞΙΟΛΟΓΗΣΗΣ -ΙΣΤΟΣΕΛΙΔΑ (1).pdf
ΕΤΗΣΙΑ ΕΚΘΕΣΗ ΑΞΙΟΛΟΓΗΣΗΣ -ΙΣΤΟΣΕΛΙΔΑ (1).pdfΕΤΗΣΙΑ ΕΚΘΕΣΗ ΑΞΙΟΛΟΓΗΣΗΣ -ΙΣΤΟΣΕΛΙΔΑ (1).pdf
ΕΤΗΣΙΑ ΕΚΘΕΣΗ ΑΞΙΟΛΟΓΗΣΗΣ -ΙΣΤΟΣΕΛΙΔΑ (1).pdfDespoina Alx
 

What's hot (20)

1-9.Χριστούγεννα με κείμενα (2022)
1-9.Χριστούγεννα με κείμενα (2022)1-9.Χριστούγεννα με κείμενα (2022)
1-9.Χριστούγεννα με κείμενα (2022)
 
Παραγώγιση απόλυτων τιμών...
Παραγώγιση απόλυτων τιμών... Παραγώγιση απόλυτων τιμών...
Παραγώγιση απόλυτων τιμών...
 
Συντακτική ανάλυση κειμένου 14
Συντακτική ανάλυση κειμένου 14Συντακτική ανάλυση κειμένου 14
Συντακτική ανάλυση κειμένου 14
 
Tετράγωνο από ίσα τετράγωνα, Στάμη Τσικοπούλου
Tετράγωνο από ίσα τετράγωνα, Στάμη ΤσικοπούλουTετράγωνο από ίσα τετράγωνα, Στάμη Τσικοπούλου
Tετράγωνο από ίσα τετράγωνα, Στάμη Τσικοπούλου
 
διδακτικό σενάριο 3
διδακτικό σενάριο 3διδακτικό σενάριο 3
διδακτικό σενάριο 3
 
1 1 enosi-diasthmatwn
1 1 enosi-diasthmatwn1 1 enosi-diasthmatwn
1 1 enosi-diasthmatwn
 
ΠΕΡΙΒΑΛΛΟΝ ΚΑΙ ΕΚΠΑΙΔΕΥΣΗ ΓΙΑ ΤΗΝ ΑΕΙΦΟΡΟ ΑΝΑΠΤΥΞΗ
ΠΕΡΙΒΑΛΛΟΝ ΚΑΙ ΕΚΠΑΙΔΕΥΣΗ ΓΙΑ ΤΗΝ ΑΕΙΦΟΡΟ ΑΝΑΠΤΥΞΗΠΕΡΙΒΑΛΛΟΝ ΚΑΙ ΕΚΠΑΙΔΕΥΣΗ ΓΙΑ ΤΗΝ ΑΕΙΦΟΡΟ ΑΝΑΠΤΥΞΗ
ΠΕΡΙΒΑΛΛΟΝ ΚΑΙ ΕΚΠΑΙΔΕΥΣΗ ΓΙΑ ΤΗΝ ΑΕΙΦΟΡΟ ΑΝΑΠΤΥΞΗ
 
αγαπημένη διαφήμιση
αγαπημένη διαφήμισηαγαπημένη διαφήμιση
αγαπημένη διαφήμιση
 
Χρήσιμα αρχεία στην Ανάλυση της Γ Λυκείου
Χρήσιμα αρχεία στην Ανάλυση της Γ ΛυκείουΧρήσιμα αρχεία στην Ανάλυση της Γ Λυκείου
Χρήσιμα αρχεία στην Ανάλυση της Γ Λυκείου
 
Oργάνωση σκέψης αφηγηματικών κειμένων
Oργάνωση σκέψης αφηγηματικών κειμένωνOργάνωση σκέψης αφηγηματικών κειμένων
Oργάνωση σκέψης αφηγηματικών κειμένων
 
Παρουσιάσεις PowerPoint
Παρουσιάσεις PowerPointΠαρουσιάσεις PowerPoint
Παρουσιάσεις PowerPoint
 
πώς να φτιάξετε μια καλή παρουσίαση για τη
πώς να φτιάξετε μια καλή παρουσίαση για τηπώς να φτιάξετε μια καλή παρουσίαση για τη
πώς να φτιάξετε μια καλή παρουσίαση για τη
 
Κίνηση με αντίσταση ανάλογη του τετραγώνου της ταχύτητας
Κίνηση με αντίσταση ανάλογη του τετραγώνου της ταχύτηταςΚίνηση με αντίσταση ανάλογη του τετραγώνου της ταχύτητας
Κίνηση με αντίσταση ανάλογη του τετραγώνου της ταχύτητας
 
Apostash shmeiou apo_kabili
Apostash shmeiou apo_kabiliApostash shmeiou apo_kabili
Apostash shmeiou apo_kabili
 
01β_Γ' Λυκ Φυσ Προσ_Κενά Μαθηματικά
01β_Γ' Λυκ Φυσ Προσ_Κενά Μαθηματικά01β_Γ' Λυκ Φυσ Προσ_Κενά Μαθηματικά
01β_Γ' Λυκ Φυσ Προσ_Κενά Μαθηματικά
 
Αξέχαστα γενέθλια
Αξέχαστα γενέθλιαΑξέχαστα γενέθλια
Αξέχαστα γενέθλια
 
Φυλλάδιο θεωρίας 2020 για τη Γ Λυκείου
Φυλλάδιο θεωρίας 2020 για τη Γ ΛυκείουΦυλλάδιο θεωρίας 2020 για τη Γ Λυκείου
Φυλλάδιο θεωρίας 2020 για τη Γ Λυκείου
 
το ταξίδι του οδυσσέα
το ταξίδι του οδυσσέατο ταξίδι του οδυσσέα
το ταξίδι του οδυσσέα
 
Το μήλο της Έριδας
Το μήλο της ΈριδαςΤο μήλο της Έριδας
Το μήλο της Έριδας
 
ΕΤΗΣΙΑ ΕΚΘΕΣΗ ΑΞΙΟΛΟΓΗΣΗΣ -ΙΣΤΟΣΕΛΙΔΑ (1).pdf
ΕΤΗΣΙΑ ΕΚΘΕΣΗ ΑΞΙΟΛΟΓΗΣΗΣ -ΙΣΤΟΣΕΛΙΔΑ (1).pdfΕΤΗΣΙΑ ΕΚΘΕΣΗ ΑΞΙΟΛΟΓΗΣΗΣ -ΙΣΤΟΣΕΛΙΔΑ (1).pdf
ΕΤΗΣΙΑ ΕΚΘΕΣΗ ΑΞΙΟΛΟΓΗΣΗΣ -ΙΣΤΟΣΕΛΙΔΑ (1).pdf
 

Viewers also liked

Confluences : Charte d'utilisation du logo
Confluences : Charte d'utilisation du logoConfluences : Charte d'utilisation du logo
Confluences : Charte d'utilisation du logoAnthonyZanta
 
Charte graphique Achille Delobel
Charte graphique Achille DelobelCharte graphique Achille Delobel
Charte graphique Achille Delobelasterisquesetperils
 
Exemple de charte graphique
Exemple de charte graphiqueExemple de charte graphique
Exemple de charte graphiqueLaureBS
 
ENGIE, charte graphique anciennement GDF SUEZ
ENGIE, charte graphique anciennement GDF SUEZENGIE, charte graphique anciennement GDF SUEZ
ENGIE, charte graphique anciennement GDF SUEZGeoffrey Dorne
 
Nouvelle charte graphique_ffbb
Nouvelle charte graphique_ffbbNouvelle charte graphique_ffbb
Nouvelle charte graphique_ffbbnfbourreau
 
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
 
Cmmaao roles-and-responsibilities-pmp-pmi
Cmmaao roles-and-responsibilities-pmp-pmiCmmaao roles-and-responsibilities-pmp-pmi
Cmmaao roles-and-responsibilities-pmp-pmicmmaao
 
Tourisme durable & Patrimoine mondial de l'UNESCO
Tourisme durable & Patrimoine mondial de l'UNESCOTourisme durable & Patrimoine mondial de l'UNESCO
Tourisme durable & Patrimoine mondial de l'UNESCOGuillaume CROMER
 
Maison Pierre - Redesign logo
Maison Pierre - Redesign logoMaison Pierre - Redesign logo
Maison Pierre - Redesign logoDavid Benzaken
 
Webinar: Hacking the Creative Process
Webinar: Hacking the Creative ProcessWebinar: Hacking the Creative Process
Webinar: Hacking the Creative ProcessEve Simon
 
Charte graphique
Charte graphiqueCharte graphique
Charte graphiqueDoc He
 
NGO Social Contracting: Opportunities and Challenges
NGO Social Contracting: Opportunities and ChallengesNGO Social Contracting: Opportunities and Challenges
NGO Social Contracting: Opportunities and ChallengesUNDP Eurasia
 
DESIGN AND SOCIAL IMPACT A cross-Sectoral Agenda for Design Education, Resea...
DESIGN AND SOCIAL IMPACT A cross-Sectoral Agenda for  Design Education, Resea...DESIGN AND SOCIAL IMPACT A cross-Sectoral Agenda for  Design Education, Resea...
DESIGN AND SOCIAL IMPACT A cross-Sectoral Agenda for Design Education, Resea...cigdemir
 
REGIONE TOSCANA | Legge Regionale Turismo n° 86, 20 dicembre 2016
REGIONE TOSCANA | Legge Regionale Turismo n° 86, 20 dicembre 2016  REGIONE TOSCANA | Legge Regionale Turismo n° 86, 20 dicembre 2016
REGIONE TOSCANA | Legge Regionale Turismo n° 86, 20 dicembre 2016 BTO Educational
 
Re-Designing Death / Service Design Drinks
Re-Designing Death / Service Design DrinksRe-Designing Death / Service Design Drinks
Re-Designing Death / Service Design DrinksService Design Berlin
 

Viewers also liked (20)

Confluences : Charte d'utilisation du logo
Confluences : Charte d'utilisation du logoConfluences : Charte d'utilisation du logo
Confluences : Charte d'utilisation du logo
 
Charte graphique Achille Delobel
Charte graphique Achille DelobelCharte graphique Achille Delobel
Charte graphique Achille Delobel
 
Exemple de charte graphique
Exemple de charte graphiqueExemple de charte graphique
Exemple de charte graphique
 
Charte graphique Loic Berthel
Charte graphique Loic BerthelCharte graphique Loic Berthel
Charte graphique Loic Berthel
 
Charte graphique
Charte graphiqueCharte graphique
Charte graphique
 
ENGIE, charte graphique anciennement GDF SUEZ
ENGIE, charte graphique anciennement GDF SUEZENGIE, charte graphique anciennement GDF SUEZ
ENGIE, charte graphique anciennement GDF SUEZ
 
Charte graphique Antoine Mauron
Charte graphique Antoine MauronCharte graphique Antoine Mauron
Charte graphique Antoine Mauron
 
Charte graphique Mathilde Noel
Charte graphique Mathilde NoelCharte graphique Mathilde Noel
Charte graphique Mathilde Noel
 
Nouvelle charte graphique_ffbb
Nouvelle charte graphique_ffbbNouvelle charte graphique_ffbb
Nouvelle charte graphique_ffbb
 
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
 
Cmmaao roles-and-responsibilities-pmp-pmi
Cmmaao roles-and-responsibilities-pmp-pmiCmmaao roles-and-responsibilities-pmp-pmi
Cmmaao roles-and-responsibilities-pmp-pmi
 
Tourisme durable & Patrimoine mondial de l'UNESCO
Tourisme durable & Patrimoine mondial de l'UNESCOTourisme durable & Patrimoine mondial de l'UNESCO
Tourisme durable & Patrimoine mondial de l'UNESCO
 
Maison Pierre - Redesign logo
Maison Pierre - Redesign logoMaison Pierre - Redesign logo
Maison Pierre - Redesign logo
 
Webinar: Hacking the Creative Process
Webinar: Hacking the Creative ProcessWebinar: Hacking the Creative Process
Webinar: Hacking the Creative Process
 
Charte graphique
Charte graphiqueCharte graphique
Charte graphique
 
NGO Social Contracting: Opportunities and Challenges
NGO Social Contracting: Opportunities and ChallengesNGO Social Contracting: Opportunities and Challenges
NGO Social Contracting: Opportunities and Challenges
 
DESIGN AND SOCIAL IMPACT A cross-Sectoral Agenda for Design Education, Resea...
DESIGN AND SOCIAL IMPACT A cross-Sectoral Agenda for  Design Education, Resea...DESIGN AND SOCIAL IMPACT A cross-Sectoral Agenda for  Design Education, Resea...
DESIGN AND SOCIAL IMPACT A cross-Sectoral Agenda for Design Education, Resea...
 
REGIONE TOSCANA | Legge Regionale Turismo n° 86, 20 dicembre 2016
REGIONE TOSCANA | Legge Regionale Turismo n° 86, 20 dicembre 2016  REGIONE TOSCANA | Legge Regionale Turismo n° 86, 20 dicembre 2016
REGIONE TOSCANA | Legge Regionale Turismo n° 86, 20 dicembre 2016
 
Re-Designing Death / Service Design Drinks
Re-Designing Death / Service Design DrinksRe-Designing Death / Service Design Drinks
Re-Designing Death / Service Design Drinks
 

Charte graphique Clara Chaume

  • 2. Sommaire 01 Le logotype 02 La gamme chromatique 03 L’utilisation des typographies a Présentation a Présentation a Titres et sous-titres b Déclinaisons b Niveaux de gris b Corps de texte c Zone de protection et proportions c Monochromie d Interdits 04 Sur le web 05 Sur papier 06 Goodies a Favicon et affichage sur page web a Papier à en-tête b Smartphone b Carte de visite c Ensemble Facebook d Ensemble Twitter
  • 3. 01 Le logotype a 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. 01 Le logotype b Déclinaisons Logo sans fond À utiliser sur une image ou sur du gris foncé.
  • 5. 01 Le logotype b 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. 01 Le logotype c Zone de protection et proportions 2x x 2x x x x x x x x
  • 7. 01 Le logotype d Interdits L’incliner Changer les couleurs L’applatir
  • 8. 02 La gamme chromatique a 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. 02 La gamme chromatique b Niveau de gris Logo en niveau de gris et logo en noir et blanc À utiliser en interne ou lorsque le coût de l’impression couleur est trop élevé.
  • 10. 02 La gamme chromatique c Monochromie
  • 11. 03 L’utilisation des typographies a Titres et sous-titres CM 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 texte Kozuka 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. 04 Sur le web a Favicon et affichage sur page web Animation de chargement du site Favicon animé de la même manière que l’animation de chargement du site. Il est fixe lorsqu’il est affiché dans la barre de favoris.
  • 13. 04 Sur le web b Smartphone
  • 14. 04 Sur le web c Ensemble Facebook
  • 15. 04 Sur le web d Ensemble Twitter
  • 16. 05 Sur papier a Courrier à en-tête
  • 17. 05 Sur papier b 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. 06 Goodies
  • 19. 06 Goodies