Vous êtes sur la page 1sur 22

charte Graphique

LE LOGOTYPE ET LES ELEMENTS


GRAPHIQUE

CHARTE
GRAPHIQUE

1
V1.2 JUIN 2021
charte Graphique
LE LOGOTYPE ET LES ELEMENTS
GRAPHIQUE

2
charte Graphique
LE LOGOTYPE ET LES ELEMENTS
GRAPHIQUE

SOMMAIRE

LE LOGOTYPE & LES ELEMENTS GRAPHIQUE

Le logotype
La version web
Favicon
Les références couleurs
Typographie
Les interdits

L’UNIVERS WEB

La typographie du site
les couleurs d’accompagnement
Wireframes

3
charte Graphique
LE LOGOTYPE ET LES ELEMENTS
GRAPHIQUE

4
charte Graphique
LE LOGOTYPE ET LES ELEMENTS
GRAPHIQUE

PRESENTATION DU LOGOTYPE
Ce logo mot-image est construit à partir de l’acronyme ZEKIN = vote (en fon), de
couleur bleu synonyme de fidélité, de sagesse, et de justice.

L’icone représente une main qui effectue un vote en insérant un papier dans une
boite.

Icone

Logo ( icone + typographie)

5
charte Graphique
LE LOGOTYPE ET LES ELEMENTS
GRAPHIQUE

Dimension maximale Dimension minimale(et WEB)


hauteur: 21cm hauteur: 1.95cm
longueur: 7.55cm longueur: 0.7cm
Résolution: 300 pixels/pouces Résolution: 300 pixels/pouces

ZONE DE PROTECTION
Pour une visibilité optimale et éviter toute perturbation de lecture, une zone de protection
obligatoire est définie autour du logo; Cette zone est délimitée par la lettre “Z” de “Zekin”.

Z
Z

Z
Z

FAVICON
L’icone est utiliser comme favicon

2 px

2 px

6
charte Graphique
LE LOGOTYPE ET LES ELEMENTS
GRAPHIQUE

LES REFERENCES COULEURS

CMJN RVB WEB

100 36 0 9 0 149 232 #0095E8

COULEURS MONOCHROMATIQUE DE #0095E8

#36b7ff

#1caeff

#02a5ff

#0095E8

#0085cf

#0074b5

#00649C

7
charte Graphique
LE LOGOTYPE ET LES ELEMENTS
GRAPHIQUE

Version monochromatique de Zekin

8
charte Graphique
LE LOGOTYPE ET LES ELEMENTS
GRAPHIQUE

LA TYPOGRAPHIE

Monotype Corsiva

ABcDfE

azetyuopqsdfghjklmwxcvbnAZERTYUIOPQSDFGHJKLMWXCVBN.

ABcDfE
azetyuopqsdfghjklmwxcvbnAZERTYUIOPQSDFGHJKLMWXCVBN.

ABcDfE
azetyuopqsdfghjklmwxcvbnAZERTYUIOPQSDFGHJKLMWXCVBN.

ABcDfE
azetyuopqsdfghjklmwxcvbnAZERTYUIOPQSDFGHJKLMWXCVBN.

ABcDfE
azetyuopqsdfghjklmwxcvbnAZERTYUIOPQSDFGHJKLMWX-
CVBN.

ABcDfE
azetyuopqsdfghjklmwxcvbnAZERTYUIOPQSDFGH-
JKLMWXCVBN.

ABcDfE
azetyuopqsdfghjklmwxcvbnAZERTYU-
IOPQSDFGHJKLMWXCVBN.

9
charte Graphique
LE LOGOTYPE ET LES ELEMENTS
GRAPHIQUE

LES INTERDITS

@ Il ne faut pas que le logo sur le site soit non visible, trop gros
ou trop petit;
@ Il ne faut pas changer les couleurs du logo;

10
Charte graphique
UNIVERS WEB

L’UNIVERS
WEB

11
charte Graphique
LE LOGOTYPE ET LES ELEMENTS
GRAPHIQUE

TYPOGRAPHIE DU SITE

ARIAL
AZERTY
azertyuiopqsdfghjlmwxcvbnAZERTYUIOPQSDFGHJKLM-
WXCVBN

ARIAL BOLD
AZERTY
azertyuiopqsdfghjklmwxcvbnAZERTYUIOPQSDFGH-
JKLMWXCVBN

Arial rounded MT bold


AZERTY
azertyuiopqsdfghjklmwxcvbnAZERTYUIOPQSDFGH-
JKLMWXCVBN

12
Charte graphique
UNIVERS WEB

LES REFERENCES COULEURS

CMJN RVB WEB

0 50 100 20 204 102 0 #CC6600

100 20 0 0 0 204 255 #00CCFF

100 0 22 0 0 255 200 #00FFC8

50 100 0 20 102 0 204 #6600CC

13
charte Graphique
LE LOGOTYPE ET LES ELEMENTS
GRAPHIQUE

WIREFRAMES

14
Charte graphique
UNIVERS WEB

15
charte Graphique
LE LOGOTYPE ET LES ELEMENTS
GRAPHIQUE

LA PAGE DE DASHBOARD

La page de dashboard est composé d’un navigation horizontale contenant les


menu et le profile de l’ administrateur. Le logo est placé en haut. On ajoute à
cette page des informations sur les utilisateurs, les pays de votes et les statis-
tiques sur les votes.

16
Charte graphique
UNIVERS WEB

17
charte Graphique
LE LOGOTYPE ET LES ELEMENTS
GRAPHIQUE

PAGE D’ACCUEIL

18
Charte graphique
UNIVERS WEB

19
charte Graphique
LE LOGOTYPE ET LES ELEMENTS
GRAPHIQUE

LE PANNEAU SUPPRIMER

20
Charte graphique
UNIVERS WEB

21
charte Graphique
LE LOGOTYPE ET LES ELEMENTS
GRAPHIQUE

LE PANNEAU DES EMAILS

22

Vous aimerez peut-être aussi