CHARTE GRAPHIQUE
PAR L’AGENCE TOUCHDOWN
La charte graphique ou normes graphiques est un document de travail qui contient l’ensemble des règles fondamentales d’utilisation des signes graphiques qui constituent l’identité graphique d’une organisation, d’un projet, d’une entreprise. Le terme vient du latin charta qui signifie « papier » et qui en français a pris le sens de « loi, règle fondamentale ».
source : wikipédia
E SOMMA IR
LOGOTY PE SITE INT ER
NET
LOGOTYPE
Composition générale Le logo ITAC (Interface Tactile à Application Collaborative) est composé de la manière suivante : • une main représentant le tactile, • un cercle symbolisant l’union d’un projet autour du tactile, • et une typographie permettant d’identifier son nom. Deux couleurs dominantes :
100%
ITAC Le logo possède des proportions qui doivent rester inchangées.
7%
Typographie : IMPACT Cette police est gratuite Ă condition que son utilisation ne soit pas Ă but commercial.
DĂŠclinaison
Niveau de Gris + impression sous fond
Niveau de Gris
ITAC
ITAC
ITAC
ITAC
ITAC
ITAC
Nous pouvons constater que le logo reste totalement visible en fonction de sa taille ou de sa couleur.
Impression carbone
Impression sous fond
Erreur à éviter
AC IT le logo ITAC ne peut avoir une rotation.
ITAC
ITAC
ITAC
le logo ITAC ne doit pas apparaître dans une couleur différente.
Les proportions ne doivent pas être modifiées.
Le logo ITAC doit être visible sauf pour le filigrane.
ITAC
ITAC le logo ITAC ne doit pas avoir de contour.
le logo ITAC ne doit pas être modifié.
La typographie ne doit pas être déplacée, réduite, élargie ou même coupée.
ITAC Le logo ITAC doit garder toutes ces proportions.
SITE INTERNET WWW.ITAC.ME
Couleurs Le site internet respecte au mieux l’uniformisation entre le logo et celui-ci. C’est pour cela que le site possède peu de couleurs chaudes.
#FFFFFF Hex
#969696 Hex
#868686 Hex
#1D1D1B Hex
#002835 Hex
Typographie
Helvetica Cette typographie est utilisĂŠe exclusivement pour le contenu du site internet : citation, paragraphe, ...
Impact Cette typographie est utilisĂŠe pour les titres et le menu.
Story-board LOGO
FOND DU SITE
LOGO
MENU
Nous avons deux zones sur le site afin d’aérer l’espace de la page web et donc de bien distinguer le menu et le contenu.
MENU
BLOC DʼELEMENT
Dans la zone du contenu, chaque partie d’information est regroupée en blocs. C’est à dire que chaque bloc ne contiendra qu’une seule information générale. Voici des exemples non exhaustifs comme la vidéo de présentation du projet, les partenaires ou encore les médias (vidéos et photos).
ZONE CONTENU
ZONE CONTENU
BLOC DʼELEMENT
ZONE MENU
Une version mobile/tablette est également disponible, afin que le site soit adapté à tous les supports.
la version web
la version tablette & mobile
Disposition des élements
écran 920px
20px 200px 700px
20px
20px
20px
Disposition des ĂŠlements
mobile tablette 700px
230px
20px
20px