SlideShare una empresa de Scribd logo
1 de 21
Descargar para leer sin conexión
Charte Graphique
Clair de Cercle
Charte graphique
Sommaire
	

1. Le Logotype

				1.1 Typologie du logotype
				

1.2 Le logotype de Clair de Cercle

				1.3 Logotype / couleurs
				1.4 Logotype / variantes
				

1.5 Logotype / zone d’exclusion

				1.6 Logotype / utilisation	

	

3. Édition

				3.1 Typologie de l’édition
				

3.2 Dépliant / Mise en page

				

3.3 Carte de visite / Mise en page

				3.4 Papier à en-tête / Mise en page

	
	

4. Site internet

				

4.1 Typologie du site internet

				

4.2 Site internet / couleurs
Le Positionnement de Clair de Cercle
Clair de Cercle, l’association qui enseigne diverses pratiques saines et
relaxantes
L’année 2012 marque un nouveau tournant dans l’histoire de l’association
Clair de Cercle. Une nouvelle identité visuelle et un nouveau style
de marque accompagnent l’affirmation de Clair de Cercle en tant
qu’association au service du bien-être de ses clients.
Clair de Cercle s’exprime dans un style résolument plus contemporain et
apaisant pour mettre en avant sa personnalité en phase avec ses cibles.
Les éditions sont le vecteur de communication de Clair de Cercle. Eléments
essentiels de la relation client, ils reposent sur un parti pris graphique
sobre et fortement identifiable pour transmettre plus clairement les
valeurs de l’association.
Cette charte graphique présente les grands principes du style éditorial
Clair de Cercle. Elle fixe des règles simples et précises pour décliner et
réaliser tous les supports d’éditions de l’association.

La nouvelle identité visuelle de Clair de Cercle reflète ce nouveau
positionnement. La forme arrondie du logo et sa typographie quand ils
sont installés sur leur fond bleu (définit dans la gamme de couleurs),
confèrent à l’association de la modernité accompagnée d’une grande
sérénité.
Logotype
Le logotype de Clair de Cercle
		 ◊ Le principe générique
Le style Clair de Cercle s’illustre à travers un principe fort qui assure une
cohérence à toutes les éditions.
Ce principe s’organise et se caractérise par trois éléments identitaires sur
sa première de couverture :
• Le croissant de lune (phase du dernier quartier)
• Le personnage qui intègre la lune
• La police FranciscoLucas Briosa

+
Lunes

+

Personnage en
position du lotus

=

Nom de
l’association
Logotype / Utilisation
sur un fond coloré

Si le logotype doit-être sur un fond coloré, alors on utilisera la version
en reserve blanche du logotype. Cette version ne pourra être utilisée
seulement dans le cas où le logotype est présent sur un fond coloré,
on ne l’utilisera pas sur un fond blanc en ajoutant le fond coloré.

+
Logotype

=

Logotype en reserve blanche

Fond coloré
Logotype / Variantes

							Dénomination classique

							Dénomination

en fond perdu

							Dénomination monochrome

							
							Dénomination en niveau de gris
Logotype / Zone d’exclusion
La zone d’exclusion est définie par la lettre «e» de la police FranciscoLucas
Briosa de la même taille que sur le logotype. Elle fait le tour de l’ensemble
du visuel et délimite la zone minimum à libérer autour du logotype.

e
e

e

e
◊ Exemple à ne pas faire
Logotype / Couleurs
Trois couleurs composent le dégradé appliqué sur le tracé du logotype :

C : 	 84
M : 	 62
J:	 6
N:	 0

R : 	 55
V : 	 104
B : 162

pantone 7683 C

C : 	 35
M : 	 11
J:	 5
N:	 0

R : 160
V : 200
B : 221

pantone 543 C

C : 	 37
M : 	 28
J : 	 14
N:	 0

R : 163
V : 170
B : 190

pantone 536 C

Dégradé r	adial obtenu :

hexadécimal :	 #3768a4

hexadécimal :# a0c8dd

hexadécimal : #a3aabe
Univers Typologique / Logotype
		

◊ La FranciscoLucas Briosa, typographie pour le logotype

La FranciscoLucas Briosa est la typographie du logo de toutes les
éditions associatives Clair de Cercle car elle est en adéquation avec le
croissant de lune du logotype Clair de Cercle. Elle se décline en une
seule et unique graisse.
		

◊ FranciscoLucas Briosa Regular

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
123456789
Charte graphique
Édition
Univers Typologique / Édition
		

◊ La Skia, typographie pour les textes

La Skia est la typographie destinée aux pavé rédactionnels Clair de Cercle
car elle est adéquation avec les valeurs véhiculées par l’association. Elle
se décline en 10 graisses.

Normal très fin

Normal

Normal gras
Dépliant / Mise en page
		◊ Le format du dépliant

		

◊ La disposition des éléments
Carte de visite / Mise en page
		◊ Le format de la carte de visite

5,5 cm

9 cm

		

◊ La disposition des éléments
Logo centré

1,5 cm

Police Skia
taille : 30
Police Skia
taille : 8

3,5 cm

Nicolas Martin

2 cm

Professeur diplomé de la FNEY

22 Rue du canal, 44210 Pornic
06 83 24 19 53
Association.Clair.de.Cercle@gmail.com
www.clairdecercle.com

0,5 cm

Police Skia
taille : 10
Papier à en-tête / Mise en page
		◊ Les formats du papier à en-tête

A4
29,7 x 21

A4
21 x 29,7

		

◊ La disposition des éléments
4,5 cm

4,5 cm
3,5 cm

4,5 cm

Logotype

Coordonnées :
Association clair de Cercle
Mention légales
Adresse
numéro de téléphone
E-mail
Site internet

18 cm
1,5 cm

Logotype

Coordonnées :

4,5 cm

4,5 cm

3,5 cm

4,5 cm

Association clair de Cercle
Mention légales
adresse
numéro de téléphone
E-mail
Site internet

26,7 cm
1,5 cm
Charte graphique
Site
Internet
Typologie du site internet
		

◊ Ubuntu, un typographie pour le web

La Ubuntu est la typographie destinée au du site Clair de Cercle . Elle est
adéquation avec les valeurs véhiculées par l’association. Elle se décline
en 10 graisses.

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
123456789
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
123456789
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
123456789
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
123456789
Site internet / Couleurs
		

◊ Pour toutes les éditions de l’association
C : 87
M : 68
J:0
N:0

R : 48
V : 97
B : 167

Exadécimale : 3061a7

Pantone 7455c
L : 41
A:7
B : - 47

Ces couleurs s’appliquent toujours en aplat et sont utilisées pour tous les
éléments du style des éditions Clair de Cercle : typographie, illustrations,
fond...

		

◊ Pour le site internet
R : 47
V : 75				
B : 151

Exadécimale : 2f4b97

R : 113
V : 133				
B : 194

Exadécimale : 7185c2

R : 197
V : 201				
B : 230

Exadécimale : c5c9e6

Más contenido relacionado

Destacado

Phases pré érythrocytaires des érythrocytaires des plasmodiums humains
Phases pré érythrocytaires des érythrocytaires des plasmodiums humainsPhases pré érythrocytaires des érythrocytaires des plasmodiums humains
Phases pré érythrocytaires des érythrocytaires des plasmodiums humainsInstitut Pasteur de Madagascar
 
Questionnaire Results
Questionnaire ResultsQuestionnaire Results
Questionnaire Resultsahashf
 
Statuts association vercors au coeur v2.0
Statuts association vercors au coeur v2.0Statuts association vercors au coeur v2.0
Statuts association vercors au coeur v2.0vercorsacoeur
 
Multi City
Multi CityMulti City
Multi Cityaimeric
 
Comparaison presta shop vs ecwid
Comparaison presta shop vs ecwidComparaison presta shop vs ecwid
Comparaison presta shop vs ecwidNicolas Faustino
 
Evolution de la production des cytokines au cours d'un accès palustre
Evolution de la production des cytokines au cours d'un accès palustreEvolution de la production des cytokines au cours d'un accès palustre
Evolution de la production des cytokines au cours d'un accès palustreInstitut Pasteur de Madagascar
 
Fiche de suivi des compétences - support pédagogique étudiant
Fiche de suivi des compétences - support pédagogique étudiantFiche de suivi des compétences - support pédagogique étudiant
Fiche de suivi des compétences - support pédagogique étudiantJohanna Daniel
 
Lutte antipaludique : agir au niveau mondial,régional ou national
Lutte antipaludique : agir au niveau mondial,régional ou nationalLutte antipaludique : agir au niveau mondial,régional ou national
Lutte antipaludique : agir au niveau mondial,régional ou nationalInstitut Pasteur de Madagascar
 
Tutoriel administration du_site_myship
Tutoriel administration du_site_myshipTutoriel administration du_site_myship
Tutoriel administration du_site_myshipHosting-free Belgique
 
Ppt0000001
Ppt0000001Ppt0000001
Ppt0000001LJ2939
 
La qualité logicielle et l'intégration continue - Cas concret du projet Cytomine
La qualité logicielle et l'intégration continue - Cas concret du projet CytomineLa qualité logicielle et l'intégration continue - Cas concret du projet Cytomine
La qualité logicielle et l'intégration continue - Cas concret du projet CytomineGeeks Anonymes
 
Médicaments antipaludiques : outil majeur pour l’élimination du paludisme à M...
Médicaments antipaludiques : outil majeur pour l’élimination du paludisme à M...Médicaments antipaludiques : outil majeur pour l’élimination du paludisme à M...
Médicaments antipaludiques : outil majeur pour l’élimination du paludisme à M...Institut Pasteur de Madagascar
 
Mbrand3 - Model case - Food&Beverage
Mbrand3 - Model case - Food&BeverageMbrand3 - Model case - Food&Beverage
Mbrand3 - Model case - Food&Beveragebombrand3
 
Consigne de lecture d’un livre
Consigne de lecture d’un livreConsigne de lecture d’un livre
Consigne de lecture d’un livregandibleuxmonia
 

Destacado (18)

La chimioprophylaxie et les groupes - cibles
La chimioprophylaxie et les groupes - ciblesLa chimioprophylaxie et les groupes - cibles
La chimioprophylaxie et les groupes - cibles
 
Phases pré érythrocytaires des érythrocytaires des plasmodiums humains
Phases pré érythrocytaires des érythrocytaires des plasmodiums humainsPhases pré érythrocytaires des érythrocytaires des plasmodiums humains
Phases pré érythrocytaires des érythrocytaires des plasmodiums humains
 
Questionnaire Results
Questionnaire ResultsQuestionnaire Results
Questionnaire Results
 
Pressure!
Pressure!Pressure!
Pressure!
 
Statuts association vercors au coeur v2.0
Statuts association vercors au coeur v2.0Statuts association vercors au coeur v2.0
Statuts association vercors au coeur v2.0
 
Multi City
Multi CityMulti City
Multi City
 
diagnostic
diagnosticdiagnostic
diagnostic
 
Comparaison presta shop vs ecwid
Comparaison presta shop vs ecwidComparaison presta shop vs ecwid
Comparaison presta shop vs ecwid
 
Evolution de la production des cytokines au cours d'un accès palustre
Evolution de la production des cytokines au cours d'un accès palustreEvolution de la production des cytokines au cours d'un accès palustre
Evolution de la production des cytokines au cours d'un accès palustre
 
Fiche de suivi des compétences - support pédagogique étudiant
Fiche de suivi des compétences - support pédagogique étudiantFiche de suivi des compétences - support pédagogique étudiant
Fiche de suivi des compétences - support pédagogique étudiant
 
Lutte antipaludique : agir au niveau mondial,régional ou national
Lutte antipaludique : agir au niveau mondial,régional ou nationalLutte antipaludique : agir au niveau mondial,régional ou national
Lutte antipaludique : agir au niveau mondial,régional ou national
 
Tutoriel administration du_site_myship
Tutoriel administration du_site_myshipTutoriel administration du_site_myship
Tutoriel administration du_site_myship
 
Ppt0000001
Ppt0000001Ppt0000001
Ppt0000001
 
La qualité logicielle et l'intégration continue - Cas concret du projet Cytomine
La qualité logicielle et l'intégration continue - Cas concret du projet CytomineLa qualité logicielle et l'intégration continue - Cas concret du projet Cytomine
La qualité logicielle et l'intégration continue - Cas concret du projet Cytomine
 
Médicaments antipaludiques : outil majeur pour l’élimination du paludisme à M...
Médicaments antipaludiques : outil majeur pour l’élimination du paludisme à M...Médicaments antipaludiques : outil majeur pour l’élimination du paludisme à M...
Médicaments antipaludiques : outil majeur pour l’élimination du paludisme à M...
 
Mbrand3 - Model case - Food&Beverage
Mbrand3 - Model case - Food&BeverageMbrand3 - Model case - Food&Beverage
Mbrand3 - Model case - Food&Beverage
 
Oba
ObaOba
Oba
 
Consigne de lecture d’un livre
Consigne de lecture d’un livreConsigne de lecture d’un livre
Consigne de lecture d’un livre
 

Similar a Charte graphique

Similar a Charte graphique (14)

Ae msofts mascareignes ltd
Ae msofts mascareignes ltdAe msofts mascareignes ltd
Ae msofts mascareignes ltd
 
Charte graphique foco
Charte graphique focoCharte graphique foco
Charte graphique foco
 
OVADYS.pdf
OVADYS.pdfOVADYS.pdf
OVADYS.pdf
 
Charte graphique Luca'services
Charte graphique Luca'servicesCharte graphique Luca'services
Charte graphique Luca'services
 
REVOLUTION_Charte_Graphique_Shakr
REVOLUTION_Charte_Graphique_ShakrREVOLUTION_Charte_Graphique_Shakr
REVOLUTION_Charte_Graphique_Shakr
 
Charte graphique Achille Delobel
Charte graphique Achille DelobelCharte graphique Achille Delobel
Charte graphique Achille Delobel
 
IRIS - Brandbook 2014
IRIS - Brandbook 2014IRIS - Brandbook 2014
IRIS - Brandbook 2014
 
Identité visuelle AS ESPCI
Identité visuelle AS ESPCIIdentité visuelle AS ESPCI
Identité visuelle AS ESPCI
 
Imi 02 01_logo_raccourci
Imi 02 01_logo_raccourciImi 02 01_logo_raccourci
Imi 02 01_logo_raccourci
 
Charte graphique
Charte graphiqueCharte graphique
Charte graphique
 
Charte Graphique TB Speed
Charte Graphique TB SpeedCharte Graphique TB Speed
Charte Graphique TB Speed
 
LOGO - Clean Your Office // Dossier
LOGO - Clean Your Office // DossierLOGO - Clean Your Office // Dossier
LOGO - Clean Your Office // Dossier
 
Charte graphique wizz
Charte graphique wizzCharte graphique wizz
Charte graphique wizz
 
Comment utiliser la signature "Le Sud Vendée tellement uniques" ?
Comment utiliser la signature "Le Sud Vendée tellement uniques" ?Comment utiliser la signature "Le Sud Vendée tellement uniques" ?
Comment utiliser la signature "Le Sud Vendée tellement uniques" ?
 

Más de Romain Delrieu (20)

Recommandation
RecommandationRecommandation
Recommandation
 
Charte graphique
Charte graphiqueCharte graphique
Charte graphique
 
File 21
File 21File 21
File 21
 
File 19
File 19File 19
File 19
 
File 17
File 17File 17
File 17
 
File 16
File 16File 16
File 16
 
File 15
File 15File 15
File 15
 
File 14
File 14File 14
File 14
 
File 13
File 13File 13
File 13
 
File 11
File 11File 11
File 11
 
File 10
File 10File 10
File 10
 
File 09
File 09File 09
File 09
 
File 08
File 08File 08
File 08
 
File 07
File 07File 07
File 07
 
File 06
File 06File 06
File 06
 
File 05
File 05File 05
File 05
 
File 04
File 04File 04
File 04
 
File 03
File 03File 03
File 03
 
File 01
File 01File 01
File 01
 
File 20
File 20File 20
File 20
 

Charte graphique

  • 3. Sommaire 1. Le Logotype 1.1 Typologie du logotype 1.2 Le logotype de Clair de Cercle 1.3 Logotype / couleurs 1.4 Logotype / variantes 1.5 Logotype / zone d’exclusion 1.6 Logotype / utilisation 3. Édition 3.1 Typologie de l’édition 3.2 Dépliant / Mise en page 3.3 Carte de visite / Mise en page 3.4 Papier à en-tête / Mise en page 4. Site internet 4.1 Typologie du site internet 4.2 Site internet / couleurs
  • 4. Le Positionnement de Clair de Cercle Clair de Cercle, l’association qui enseigne diverses pratiques saines et relaxantes L’année 2012 marque un nouveau tournant dans l’histoire de l’association Clair de Cercle. Une nouvelle identité visuelle et un nouveau style de marque accompagnent l’affirmation de Clair de Cercle en tant qu’association au service du bien-être de ses clients. Clair de Cercle s’exprime dans un style résolument plus contemporain et apaisant pour mettre en avant sa personnalité en phase avec ses cibles. Les éditions sont le vecteur de communication de Clair de Cercle. Eléments essentiels de la relation client, ils reposent sur un parti pris graphique sobre et fortement identifiable pour transmettre plus clairement les valeurs de l’association. Cette charte graphique présente les grands principes du style éditorial Clair de Cercle. Elle fixe des règles simples et précises pour décliner et réaliser tous les supports d’éditions de l’association. La nouvelle identité visuelle de Clair de Cercle reflète ce nouveau positionnement. La forme arrondie du logo et sa typographie quand ils sont installés sur leur fond bleu (définit dans la gamme de couleurs), confèrent à l’association de la modernité accompagnée d’une grande sérénité.
  • 6. Le logotype de Clair de Cercle ◊ Le principe générique Le style Clair de Cercle s’illustre à travers un principe fort qui assure une cohérence à toutes les éditions. Ce principe s’organise et se caractérise par trois éléments identitaires sur sa première de couverture : • Le croissant de lune (phase du dernier quartier) • Le personnage qui intègre la lune • La police FranciscoLucas Briosa + Lunes + Personnage en position du lotus = Nom de l’association
  • 7. Logotype / Utilisation sur un fond coloré Si le logotype doit-être sur un fond coloré, alors on utilisera la version en reserve blanche du logotype. Cette version ne pourra être utilisée seulement dans le cas où le logotype est présent sur un fond coloré, on ne l’utilisera pas sur un fond blanc en ajoutant le fond coloré. + Logotype = Logotype en reserve blanche Fond coloré
  • 8. Logotype / Variantes Dénomination classique Dénomination en fond perdu Dénomination monochrome Dénomination en niveau de gris
  • 9. Logotype / Zone d’exclusion La zone d’exclusion est définie par la lettre «e» de la police FranciscoLucas Briosa de la même taille que sur le logotype. Elle fait le tour de l’ensemble du visuel et délimite la zone minimum à libérer autour du logotype. e e e e ◊ Exemple à ne pas faire
  • 10. Logotype / Couleurs Trois couleurs composent le dégradé appliqué sur le tracé du logotype : C : 84 M : 62 J: 6 N: 0 R : 55 V : 104 B : 162 pantone 7683 C C : 35 M : 11 J: 5 N: 0 R : 160 V : 200 B : 221 pantone 543 C C : 37 M : 28 J : 14 N: 0 R : 163 V : 170 B : 190 pantone 536 C Dégradé r adial obtenu : hexadécimal : #3768a4 hexadécimal :# a0c8dd hexadécimal : #a3aabe
  • 11. Univers Typologique / Logotype ◊ La FranciscoLucas Briosa, typographie pour le logotype La FranciscoLucas Briosa est la typographie du logo de toutes les éditions associatives Clair de Cercle car elle est en adéquation avec le croissant de lune du logotype Clair de Cercle. Elle se décline en une seule et unique graisse. ◊ FranciscoLucas Briosa Regular abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 123456789
  • 14. Univers Typologique / Édition ◊ La Skia, typographie pour les textes La Skia est la typographie destinée aux pavé rédactionnels Clair de Cercle car elle est adéquation avec les valeurs véhiculées par l’association. Elle se décline en 10 graisses. Normal très fin Normal Normal gras
  • 15. Dépliant / Mise en page ◊ Le format du dépliant ◊ La disposition des éléments
  • 16. Carte de visite / Mise en page ◊ Le format de la carte de visite 5,5 cm 9 cm ◊ La disposition des éléments Logo centré 1,5 cm Police Skia taille : 30 Police Skia taille : 8 3,5 cm Nicolas Martin 2 cm Professeur diplomé de la FNEY 22 Rue du canal, 44210 Pornic 06 83 24 19 53 Association.Clair.de.Cercle@gmail.com www.clairdecercle.com 0,5 cm Police Skia taille : 10
  • 17. Papier à en-tête / Mise en page ◊ Les formats du papier à en-tête A4 29,7 x 21 A4 21 x 29,7 ◊ La disposition des éléments 4,5 cm 4,5 cm 3,5 cm 4,5 cm Logotype Coordonnées : Association clair de Cercle Mention légales Adresse numéro de téléphone E-mail Site internet 18 cm 1,5 cm Logotype Coordonnées : 4,5 cm 4,5 cm 3,5 cm 4,5 cm Association clair de Cercle Mention légales adresse numéro de téléphone E-mail Site internet 26,7 cm 1,5 cm
  • 20. Typologie du site internet ◊ Ubuntu, un typographie pour le web La Ubuntu est la typographie destinée au du site Clair de Cercle . Elle est adéquation avec les valeurs véhiculées par l’association. Elle se décline en 10 graisses. abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 123456789 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 123456789 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 123456789 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 123456789
  • 21. Site internet / Couleurs ◊ Pour toutes les éditions de l’association C : 87 M : 68 J:0 N:0 R : 48 V : 97 B : 167 Exadécimale : 3061a7 Pantone 7455c L : 41 A:7 B : - 47 Ces couleurs s’appliquent toujours en aplat et sont utilisées pour tous les éléments du style des éditions Clair de Cercle : typographie, illustrations, fond... ◊ Pour le site internet R : 47 V : 75 B : 151 Exadécimale : 2f4b97 R : 113 V : 133 B : 194 Exadécimale : 7185c2 R : 197 V : 201 B : 230 Exadécimale : c5c9e6