Charte graphique

21
Charte Graphique Clair de Cercle

description

 

Transcript of Charte graphique

Page 1: Charte graphique

Charte GraphiqueClair de Cercle

Page 2: Charte graphique
Page 3: 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

Page 4: Charte graphique

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é.

Page 5: Charte graphique

Logotype

Page 6: Charte graphique

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

Page 7: Charte graphique

+

=Fond coloré

Logotype / Utilisation sur un fond coloré

Logotype

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 en reserve blanche

Page 8: Charte graphique

Logotype / Variantes

Dénomination classique

Dénomination en fond perdu

Dénomination monochrome

Dénomination en niveau de gris

Page 9: Charte graphique

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.

◊ Exemple à ne pas faire

e

eee

Page 10: Charte graphique

Logotype / Couleurs

Trois couleurs composent le dégradé appliqué sur le tracé du logotype :

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

R : 55V : 104B : 162

pantone 7683 C

hexadécimal : #3768a4

Dégradé r adial obtenu :

pantone 543 C

hexadécimal :# a0c8dd

pantone 536 C

hexadécimal : #a3aabe

R : 160V : 200B : 221

R : 163V : 170B : 190

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

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

Page 11: Charte graphique

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

Page 12: Charte graphique
Page 13: Charte graphique

Édition

Page 14: Charte graphique

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

Normal très fin

Normal gras

Page 15: Charte graphique

Dépliant / Mise en page

◊ Le format du dépliant

◊ La disposition des éléments

Page 16: Charte graphique

Carte de visite / Mise en page

◊ Le format de la carte de visite

◊ La disposition des éléments

Nicolas MartinProfesseur diplomé de la FNEY

22 Rue du canal, 44210 Pornic06 83 24 19 [email protected]

5,5 cm

9 cm

2 cm

3,5 cm

Police Skiataille : 30

Police Skiataille : 10

Police Skiataille : 8

Logo centré

1,5 cm

0,5 cm

Page 17: Charte graphique

Papier à en-tête / Mise en page

◊ Les formats du papier à en-tête

◊ La disposition des éléments

Logotype

Logotype

Coordonnées :

Association clair de CercleMention légalesAdressenuméro de téléphoneE-mailSite internet

Coordonnées :

Association clair de CercleMention légalesadressenuméro de téléphoneE-mailSite internet

A4 21 x 29,7

A4 29,7 x 21

18 cm

1,5 cm

4,5 cm 4,5 cm

4,5 cm 3,5 cm

3,5 cm

4,5 cm4,5 cm

4,5 cm

1,5 cm

26,7 cm

Page 18: Charte graphique
Page 19: Charte graphique

Site Internet

Page 20: Charte graphique

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.

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ123456789

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ123456789

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ123456789

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ123456789

Page 21: Charte graphique

Site internet / Couleurs

◊ Pour toutes les éditions de l’association

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

C : 87M : 68J : 0N : 0

R : 47V : 75 Exadécimale : 2f4b97B : 151

R : 113V : 133 Exadécimale : 7185c2B : 194

R : 197V : 201 Exadécimale : c5c9e6B : 230

R : 48V : 97B : 167 Pantone 7455c

L : 41A : 7B : - 47Exadécimale : 3061a7