CHARTE GRAPHIQUE PRINT - cnb.avocat.fr · Charte graphique du Conseil National des Barreaux - le Coeur de l’Homme 16/02/2016 En règle générale, la mise en page doit être minimale,

CHARTE GRAPHIQUE PRINT

Charte graphique du Conseil National des Barreaux - le Coeur de l’Homme 16/02/2016

INTRODUCTION


En règle générale, la mise en page doit être minimale, sobre, contemporaine.

SOMMAIRE


1 - Logos

2 - Couleurs

3 - Formes

4 - Typographies

5 - Documents type

1 - Logos


Le logo doit conserver ses proportions et ses couleurs. Toute manipulation de la taille devra se faire de manière homothétique. Toute adaptation au niveau du texte devra faire l’objet d’une demande au près du créateur. La typographie de base utilisée est FUTURA.

Il est important de conserver un certain espace autour du logo de sorte que la lecture soit claire. En largeur, il convient de conserver un espace au moins égal a la largeur de l’hexagone / En hauteur, conserver au moins la hauteur entre le bas de « les Avocats » et la ligne dorée du bas. Respecter l’alignement avec le logo (ferrage à gauche ou à droite)

Paphius quin etiam et Cornelius senatores, ambo venenorum artibus pravis se polluisse confessi, eodem pronuntiante Maximino sunt interfecti. pari sorte etiam procurator monetae extinctus est.

> A

> A

A

B

> B

(Version fond blanc)

2 - Couleurs


Les couleurs à utiliser sont les suivantes :

# 231F20

C : 70 %M : 68 %J : 64 %N : 74 %

C : 66 %M : 53 %J : 68 %N : 46 %

C : 48 %M : 46 %J : 42 %N : 7 %

C : 13 %M : 11 %J : 10 %N : 0 %

C : 21 %M : 100 %J : 87 %N : 13 %

C : 16 %M : 26 %J : 90 %N : 0 %

# 443F41 # 877F81 # DBD9DA # AF002E # DAB347

C : 3 %M : 2 %J : 2 %N : 0 %

# F4F4F4

C : 53 %M : 0 %J : 12 %N : 0 %

# 00FFFF

3 - Formes


La forme type est l’hexagone. Nous l’utilisons afin de ponctuer, donner du rythme et de la modernité aux différents documents. Elle peut apparaître de manière franche mais aussi en filigrane si le contenu du document ne peut accueillir de masse colorée trop importante.

4 - Typographie


Les grands titres utilisent la typographie FUTURA. N’utiliser que les couleurs de référence indiquées. Afin de rythmer la lecture, il est important de créer des contrastes au niveau des tailles, en faisant ressortir les éléments importants (dates, noms, etc…). Quand l’espace le permet, il est possible de créer des décalages dans la largeur afin de rendre les titres vivants.

Les sous-titres sont en Arial, et toujours en majuscule. Ils sont au moins 30% plus grands que les contenus.

Les contenus sont en Arial.

FUTURA

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789@€

Arial

abcdefghiklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789@€



5 - Documents types / Entête de lettre


CONSEIL NATIONAL DES BARREAUX • 22, rue de Londres 75009 PARIS • T : 01 53 30 85 60 • F : 01 53 30 85 61 • www.cnb.avocat.fr

Omitto iuris dictionem in libera civitate contra leges senatusque consulta; caedes relinquo; libidines praetereo, quarum acerbis-

simum extat indicium et ad insignem memoriam turpitudinis et paene ad iustum odium imperii nostri, quod constat nobilissimas virgines se in puteos abiecisse et morte voluntaria necessariam turpitudinem depulisse. Nec haec idcirco omitto, quod non gravissima sint, sed quia nunc sine teste dico.

Martinus agens illas provincias pro praefectis aerumnas innocentium graviter gemens saepeque obsecrans, ut ab omni culpa inmunibus parceretur, cum non inpetraret, minabatur se discessurum: ut saltem id metuens perquisitor malivolus tandem desineret quieti coalitos homines in aperta pericula proiectare.

Homines enim eruditos et sobrios ut infaustos et inutiles vitant, eo quoque accedente quod et nomenclatores adsueti haec et talia venditare, mercede accepta lucris quosdam et prandiis inserunt subditicios ignobiles et obscuros.

Orientis vero limes in longum protentus et rectum ab Euphratis fluminis ripis ad usque supercilia porrigitur Nili, laeva Saracenis conterminans gentibus, dextra pelagi fragoribus patens, quam plagam Nicator Seleucus occupatam auxit magnum in modum, cum post Alexandri Macedonis obitum successorio iure teneret regna Persidis, efficaciae inpetrabilis rex, ut indicat cognomen-

tum.

At nunc si ad aliquem bene nummatum tumentemque ideo honestus advena salutatum introieris, primitus tamquam exoptatus suscipieris et interrogatus multa coactusque mentiri, miraberis numquam antea visus summatem virum tenuem te sic enixius observantem, ut paeniteat ob haec bona tamquam praecipua non vidisse ante decennium Romam.

Orientis vero limes in longum protentus et rectum ab Euphratis fluminis ripis ad usque supercilia porrigitur Nili, laeva Saracenis conterminans gentibus, dextra pelagi fragoribus patens, quam plagam Nicator Seleucus occupatam auxit magnum in modum, cum post Alexandri Macedonis obitum successorio iure teneret regna Persidis, efficaciae inpetrabilis rex, ut indicat cognomen-

tum.

Madame, Monsieur,

JEAN-MICHEL DUPUIS

JEAN-MICHEL DUPUISAVOCAT

8 avenue du Général de Gaulle94500 Champigny sur MarneT : 06 18 21 31 54F : 01 45 68 79 79

20 mm

15 mm

27 mm

20 mm

20 mm

25 mm

12 mm

arial / 8 pt

identité : arial / maj / 9 ptcoordonnées : arial / 7 pt

arial / 7,75 ptesp 14 pt

5 - Documents types / Suite de lettre


15 mm

12 mm

5 - Documents types / Télécopie


CONSEIL NATIONAL DES BARREAUX • 22, rue de Londres 75009 PARIS • T : 01 53 30 85 60 • F : 01 53 30 85 61 • www.cnb.avocat.fr

TÉLÉCOPIE

A :

DE :

OBJET :

CC :

TÉLÉCOPIE :

DATE :

PAGE :

URGENT

20 mm

15 mm

20 mm

25 mm

12 mm

CONFIDENTIEL POUR ? RÉPONSE POUR INFORMATION

5 - Documents types / Bloc note


20 mm

20 mm

15 mm

A5 (210 x 148 mm)

5 - Documents types / Carte de correspondance


85 mm

170 mm

35 mm

CONSEIL NATIONAL DES BARREAUX • 22, rue de Londres 75009 PARIS • T : 01 53 30 85 60 • F : 01 53 30 85 61 • www.cnb.avocat.fr9 mm

210 x 100 mm

5 - Documents types / Carte de visite


JEAN-MICHEL DUPUISCONSEILLER

T : 06 23 56 87 69M : [email protected]

WWW.CNB.AVOCAT.FR

Doré à chaud

90 x 55 mm

5 - Documents types / Pochette


5 - Documents types / Magazine



CHARTE GRAPHIQUE WEB


INTRODUCTION


En règle générale, la mise en page doit être minimale, sobre, avec un rythme et des niveaux de lectures qui rendent les contenus attractifs. Contrairement au site existant, il convient d’utiliser moins de couleurs, et d’afficher un nombre plus limité d’éléments de contenus. Il est possible aujourd’hui, grâce aux contenus dynamiques et au « responsive design », de créer un environnement clair et agréable, en adéquation avec la notion d’accompagnement. Afin de confirmer l’effet, il est nécessaire d’utiliser des photos soignées. Il est important de créer un environnement contemporain qui positionne le Conseil National des Barreaux à un niveau élevé.

SOMMAIRE


1 - Logos

2 - Couleurs

3 - Formes

4 - Typographies

1 - Logos


Le logo doit conserver ses proportions et ses couleurs. Toute manipulation de la taille devra se faire de manière homothétique. Toute adaptation au niveau du texte devra faire l’objet d’une demande au près du créateur. La typographie de base utilisée est FUTURA.

Il est important de conserver un certain espace autour du logo de sorte que la lecture soit claire. En largeur, il convient de conserver un espace au moins égal a la largeur de l’hexagone / En hauteur, conserver au moins la hauteur entre le bas de « les Avocats » et la ligne dorée du bas. Respecter l’alignement avec le logo (ferrage à gauche ou à droite)

Paphius quin etiam et Cornelius senatores, ambo venenorum artibus pravis se polluisse confessi, eodem pronuntiante Maximino sunt interfecti. pari sorte etiam procurator monetae extinctus est.

> A

> A

A

B

> B

2 - Couleurs


Les couleurs utilisables sont les suivantes

# 231F20

R : 35V : 31B : 32

# AF002E

R : 175V : 0B : 46

# DAB347

R : 218V : 179B : 71

# F4F4F4

R : 244V : 244B : 244

Les proportions à respecter sur une mise en page (données approximatives)

34% 15% 1% 50%

3 - Formes


La forme type est l’hexagone. Seules les couleurs du logo peuvent être utilisées. (voir « 2 - Couleurs »). Cette forme permet de créer des zones ou des « masses » qui vont mettre en valeur les textes, les grands titres, et les image. elle permet de dynamiser la mise en page et d’articuler les différents niveaux de lecture. Grâce à ses axes obliques, elle permet de créer de la rupture dans un environnement rectiligne. Au niveau des éléments graphiques (comme la loupe de l’exemple ci-dessous), il est important de n’utiliser que des formes géométriques les plus basiques afin de conserver la simplicité de l’ensemble.

4 - Typographie


Les grands titres utilisent la typographie FUTURA. N’utiliser que les couleurs de référence. Afin de rythmer la lecture, il est important de créer des contrastes au niveau des tailles, en faisant ressortir les éléments importants (dates, noms, etc…). Quand l’espace le permet, il est possible de créer des décalages dans la largeur afin de rendre les titres vivants.

Les sous-titres sont en Arial, et toujours en majuscule. Ils sont au moins 30% plus grands que les contenus.

Les contenus sont en Arial.

FUTURA

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789@€

Arial


