24
CHARTE GRAPHIQUE

CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

c h a r t e

graphique

Page 2: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle
Page 3: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

3

La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.

Elle définit les principes d’utilisation que nous devons appliquer à travers les supports de communication afin d’intégrer notre identité de façon homogène, structurée et concise.

Nous avons décidé de faire évoluer le logotype sous différents coloris afin de formaliser sa bonne utilisation ainsi que les composants graphiques (couleurs, typographies, formes, etc.)

Vous avez en main, les normes de construction du logotype et ses déclinaisons. Cette identité permettra à tous les supports émis par GARD’IENS d’être affectés à ce nom, ainsi que d’affermir notre image et notre notoriété.

introduction

sommaire

1. identité visuelleLe Logotype ....................................... 5 à 9

2. les supports

carte de visite ...................................... 15

papier-en-tête ...................................... 16

affiche pubLicitaire .......................... 17

fLyer .................................................. 18 à 19

dépLiant .......................................... 20 à 21

bannière animée ................................. 22

La zone de sécurité .....................10 à 11

gammes de couLeurs...................................12

typographies ....................................................13

Page 4: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

1. identité

visuelleLe LogotypecréationprésentationdécLinaisonsLes interdits

La zone de sécuritéprincipe de compositionexempLes d’usage

gammes de couLeurs

typographies

Page 5: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

5

charte graphique gard’iens | identité visuelle

le logotype création

La création du logotype se base sur l’ensemble du département du Gard en sachant que nous sommes une structure où notre rôle est de guider les habi-tants dans leurs projets de vie. Il symbolise l’accompagnement, la protection,

la progression, le dynamisme et la motivation au service des Gardois.

Page 6: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

6

130 mm x 147 mm (la taille peut être élevée sur un format plus grand)

charte graphique gard’iens | identité visuelle

le logotype présentation

31 mm x 35 mm

cmjn : 100/29/0/12 cmjn : 100/37/0/51

cmjn : 0/7/100/0 cmjn : 0/51/98/7

Page 7: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

7

charte graphique gard’iens | identité visuelle

le logotype décLinaisons

niveau de gris

paysage

noir et bLanc

négatif

niveau de griscouLeur

noir et bLanc

Utilisation du niveau de gris pour les photocopies, les sorties d’imprimantes, pour les enveloppes, etc.

Utilisation sur supports où il n’est pas permis de l’utiliser en quadrichromie pour des raisons de lisibilité (fax par exemple).

Utilisation sur supports où des parties seront denses, sombres ou complexes pour des raisons de lisibilité.

négatif

Page 8: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

8

charte graphique gard’iens | identité visuelle

le logotype décLinaisons

Page 9: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

9

charte graphique gard’iens | identité visuelle

le logotype Les interdits

Ne pas modifier son opacité.

Ne pas le déformer.ne pas changer les cou-leurs afin de rester dans ses normes colorimétriques.

L’utilisation de l’ombre por-tée n’est pas préconisée afin de garder sa lisibilité.

Déplacer le logotype seul n’est pas permis.Toujours respecter les normes d’utilisations.

Page 10: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

10

charte graphique gard’iens | identité visuelle

la zone de sécurité principe de composition

La zone de sécurité est définie par la lettre N de GARD’IENS afin de préserver sa bonne lisibilité.

Il faut laisser une zone de marge entre le bord de la feuille et le logotype pour éviter tout soucis lors de la découpe ou de l’impression.

hauteur et largeur de la lettre N

hauteur de la baseline

Page 11: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

11

charte graphique gard’iens | identité visuelle

la zone de sécurité exempLes d’usage

Les interdits

Dans l’absolu, des images aux fonds clairs permettent de garder les couleurs intactes. Il faut constamment favoriser la lisibilité du logo en adaptant au mieux le cadrage de l’image. Sur un fond dense et complexe, il

passe obligatoirement en réserve blanc (négatif).

(Ci-dessous, des exemples iconographiques pour mieux comprendre son utilisation)

Exemples d’utilisations sous différents coloris

Page 12: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

charte graphique gard’iens | identité visuelle

gammes de couleurs

cmjn : 100/0/0/0

cmjn : 0/7/100/0

rvb : 0/158/224

rvb : 255/226/0

hex : #009ee0

hex : #FFe200

cmjn : 100/37/0/51

cmjn : 0/51/98/7

rvb : 0/79/125

rvb : 237/116/5

hex : #004F7D

hex : #eD7405

12

Page 13: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

13

charte graphique gard’iens | identité visuelle

typographies

abcdefghijklmnopqrstuvwxyzabcdefghiJKLmnopQrstuvWxyz

1234567890.,;:/!»’(-è_çà)=&

abcdefghijklmnopqrstuvwxyzaBcdeFghiJKlMnOpqrstuvWXYZ

1234567890.,;:/!»’(-è_çà)=&

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890.,;:/!»’(-è_çà)=&

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890.,;:/!»’(-è_çà)=&

montserrat regular

MOntserrat light

caLibri

CALIBRI

titre

sOus-titre

TEXTE COURANT

TEXTE GRAS

Page 14: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

2. lessupports

carte de visite

papier-en-tête

affiche pubLicitaire

fLyer

dépLiant

bannière animée

Page 15: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

15

charte graphique gard’iens | les suppOrts

carte de visite 85 mm x 54 mm | recto/verso

andréniewada

Profession : xoxoxoxoxoxoxoxoxo adresse : xoxoxoxoxoxoxoxoxoxoTél : 04xoxoxoxomail : [email protected]

Page 16: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

16

charte graphique gard’iens | les suppOrts

papier-en-tête210 mm x 297 mm

enimus es nulla explia que de cusam

Enimus es nulla explia que de cusamGent ex et parum alitibu scipid et pa voloribusam quam, experibust fugitem poreptam fugiaescim doluptius, es molor sunt aut quiaess imaximo len-dellumet et et aut alit et, inctatios sitas id quatures ad qui-del moditia ntecum incius quident accab id ea nus doluptasi consequate nimusaperum doluptatem aperectur?

Estias re perchiliquam quam vel est porum et eat pedignis vel-liqui nihicit officie turibus, que volupidit odipis incto cus nobis non expelesci nobit, sitassimil et es nos sum dolupta tiandendit optatus doluptam volorro conse con pores velenest pra volup-tatem rerum et quiam quam, totae nos et labor aut ut lanis pa eaqui sequamet asim et fugiatium volorec temporu mquodis es veruptiae pos del minumqu untiasi molorro videmol orercid icatur, exceatur?mus modit endendi ciandip sandelignim arume possimust int rem fugit fugiam fugitintur suntor sitem quatur?Ribus, simende lecatur, simintorpor alianditatus conet et eve-libust reprat.

Eribus simpos aliquam fugitiatium quis soloris mo mossit min nimolum enditio nsequia inum rem et plis is magniet, omnis ipsam, qui omnit officie ndendae nobite endaepre dolupta-tem volupta duscia voluptatis inis nossi omnis dolupti dolorro minctorum repelessit asperum, soles dolupta velignis quiatia des sum ut lacium, volorer ibusantur sin parum.

Aliant eatessere, sus ut veliquat res eatem et es as si del mil

ita quaes sanditatus eum lam quaesequo dent omn

ihit vel magnit molut re

Page 17: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

17

charte graphique gard’iens | les suppOrts

affiches publicitaires500 mm x 700 mm

Tél : 04xoxoxoxomail : [email protected] adresse : xoxoxoxoxoxo

17

Page 18: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

18

charte graphique gard’iens | les suppOrts

flyer150 mm x 210 mm | recto/verso

recto

Tél : 04xoxoxoxomail : [email protected] adresse : xoxoxoxoxoxo

18

Page 19: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

19

verso

Sus do-luptatur abor as nobis apic torro inum adita eumqui beatis num fugit faccuptati quam, quam, officabo. Nam quatecuptat labor as atur alit, voluptae pedis a debitis atibusae sit, in cone mille-nia eos estibus, sit, testi cus distorrovit molupiciendi net vellicid que voluptiis dusci natis reriscia nis plibus rest odia nihil esequis maximus, simus volupiet, quam sinverit

usciis del incto beaquae

Page 20: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

20

charte graphique gard’iens | les suppOrts

dépliant 297 mm x 210 mm | 2 plis roulés

nuM denadii sen

culium ius hos inve-

rit? quonsil te, mora simihil cla rem hocre-nihil vehebe-

me nost im sernium auc

vertiquit; Ca-tem det; nos-tella re, quem.oreunm satisim ilit aut ali-tium vele-cea quibus dus porecus

Odit evere-pro eost re, officia vel idus solorru pienda quam issita-tios as sitatibus Et h

Tore erterit a r i t h m e

orius astiv

iliatem delecus ellatusdam nus se dit, voluptati ad quist,Ibus, quae diOdit evere-

pro eost re, officia vel idus solorru pienda

q u a m issitatios as sitatibusani Ota arkimeu, is

Odit everepro eost re, officia vel idus solorru pienda quam

issitatios as si-tatibusani Ota volorunto blaut as magnihit, Xe

iliatem delecus ellatusdam nus se dit, voluptati ad quist,Ibus, quae di

iLiat dium

recto

Page 21: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

21

Ultorius hos ina, cluteme etebeffre terfiris audam es publium tus, que caedit, det ignarips, acrei inc rem sed furbesi linatus, quo videndi-tam publicus vivere, ut re-mendepsed Cat adhui se ina, eori is.

nuM dena

dii sen

verso

Ultorius hos ina, cluteme etebeffre ter-firis audam es publium tus, que caedit, det ignarips, acrei inc rem sed furbesi lins, tuidamo

tusignarips, acrei inc rem sed

furbesitu

Ultorius hos ina, cluteme ete-beffre terfiris audam es publium tus, que cae-dit, det ignarips, acrei inc rem

sed furbesi linatus, t u i d a m o r i to,

Ullautenit aliquo-

dis

num dena

Page 22: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle

22

charte graphique gard’iens | les suppOrts

bannières animées

120 x 240 px

468 x 240 px

tél : 04xoxoxoxo | mail : [email protected] | adresse : xoxoxoxoxoxo

tél : 04xoxoxoxomail : [email protected] adresse : xoxoxoxoxoxo

tél : 04xoxoxoxomail : [email protected] adresse : xoxoxoxoxoxo

300 x 250 px

Page 23: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle
Page 24: CHARTE GRAPHIQUEideosart.com/wp-content/uploads/charte-gardiens.pdf3 La charte graphique est un guide regroupant tous les éléments graphiques et visuels de notre société GARD’IENS.Elle