Page 1

Charte Graphique Anaïs Appéré-Guillemot C afé s ur C our

-

1


edito Nos valeurs ? Détente, bonne ambiance et surtout bonne cuisine. Cette nouvelle charte graphique est le reflet de ces valeurs. Simplicité et minimalisme sont à l’honneur. On retrouve le côté authentique de notre cuisine ”fait maison ” ainsi que la bonne humeur d’un afterwork sur la terrasse au soleil. Tout le monde y trouve son bonheur.

SOMMAIRE L e Lo g o

p.5

L e s C o u l e u r s

p.17

L e s T y p o s

p.23

L' U n i v e r s V i s u e l

p.31

L' A d a p t at i o n P r i n t

p.39

L' A d a p t at i o n W e b

p.39

C afé s ur C our

-

3


L O G O c o u l e u r s t y p o s v i s u e l p r i n t

[ Le logo ] C afĂŠ s ur C our

w e b -

5


L e Lo g ot y p e

FÉ SUR COUR } A C { BRASSERIE DEPUIS 2005

C afé s ur C our

-

7


L e Lo g ot y p e la composition

La

gourmandise rendez-vous.

FÉ SUR COUR } A C { BRASSERIE DEPUIS 2005

Le logotype est ainsi, grâce à ce choix typographique, dynamique et moderne.

au


La simplicité et le minimalisme se reflètent dans le choix des couleurs

Les pétales rappellent sans surprise, la nature et les fleurs mais ce sont aussi les marques d’un appétit enthousiaste.

Les typographies BeautyAndTheBeast Condensed.

utilisées : et Roboto

C afé s ur C our

-

9


L e Lo g ot y p e l’échelle

1cm

R FÉ SUR COUR } { CA BRASSERIE DEPUIS 2005

40px

FÉ SUR COUR } { CA BRASSERIE DEPUIS 2005

taille minimale d’utilisation : 35 mm


L e Lo g ot y p e les principales utilisations

FÉ SUR COUR } { CA BRASSERIE DEPUIS 2005

FÉ SUR COUR } { CA BRASSERIE DEPUIS 2005

Le logo peut être utilisé en négatif sur un fond noir ou sur un fond blanc

FÉ SUR COUR } { CA BRASSERIE DEPUIS 2005

FÉ SUR COUR } { CA BRASSERIE DEPUIS 2005

Il peut aussi être utilisé sur des aplats de couleurs d’accompagnement, la couleur du logo étant adaptée pour être le plus visible possible.

C afé s ur C our

-

11


L e Lo g ot y p e les principales utilisations sur des photos

FÉ SUR COUR } { CA BRASSERIE DEPUIS 2005

FÉ SUR COUR } { CA BRASSERIE DEPUIS 2005

Sur une photographie, la couleur du logo doit être adaptée pour être visible.

FÉ SUR COUR } { CA BRASSERIE DEPUIS 2005

Lorsque cela est possible, il sera placé dans le coin supérieur gauche de la photo.


L e Lo g ot y p e les interdits

20 05

PU IS DE

SE R

IE

AF ÉS U AS

Rotations

BR

{C

BRASSERIE DEPUIS 2005

FÉ SUR COUR } { CA

R

} UR O C

FÉ SUR COUR } { CA

Déformations

FÉ SUR COUR } { CA

Applications sur une couleur extérieure à la charte

BRASSERIE DEPUIS 2005

BRASSERIE DEPUIS 2005

AFÉ SUR COUR } {C BRASSERIE DEPUIS 2005

Modifications des typographies

C afé s ur C our

-

13


L e Lo g ot y p e les interdits

Modifications des couleurs

Encadrement

Modifications des proportions

Utilisations partielles des éléments

FÉ SUR COUR } { CA BRASSERIE DEPUIS 2005

FÉ SUR COUR } { CA BRASSERIE DEPUIS 2005

{ C AFÉ SUR COUR }

BRASSERIE DEPUIS 2005


C afé s ur C our

-

15


c o u l e u r s t y p o s v i s u e l

[ les couleurs ] C afĂŠ s ur C our

-

17

p r i n t

w e b


Les couleurs

Pour partager les valeurs du Café Sur Cour, les couleurs utilisées devaient également refléter l’authenticité. Les couleurs principales montrent la simplicité du restaurant et l’épuration du superflu. Quant aux couleurs d’accompagnements, elles dérivent des couleurs primaires, symbole de minimalisme. Elles sont aussi vives pour montrer la bonne humeur de l’enseigne.

C afé s ur C our

-

19


Les couleurs les principales

RVB : 255 255 255 CMJN : 0 0 0 0 #FFFFFF

RVB : 0 0 0 CMJN : 0 0 0 100 #000000


Les couleurs les accompagnements

RVB : 207 35 23 CMJN : 0 83 89 19 PANTONE : 485C #CF2317

RVB : 255 194 13 CMJN : 0 24 95 0 PANTONE : 7548C #FFC20D

RVB : 182 203 65 CMJN : 37 3 86 0 PANTONE : 2290 XGC #B5CA41

C afé s ur C our

-

21


t y p o s v i s u e l p r i n t

[ les typos ] C afĂŠ s ur C our

w e b -

23


Les typographies

Les typographies utilisées ont pour but de rappeler le côté artisanal et “fait maison” du Café sur Cour. Pour autant, elles restent moderne pour apporter de la fraîcheur à l’enseigne. Trois différentes typographies sont utilisées et déclinées selon les usages. Beauty And The Beast Il s’agit de la typographie du logo. Son usage principal est donc au sein de celui-ci.

Rustico Cette typographie est utilisée pour les titres et les informations importantes à mettre en valeur. Elle est agencée avec la typographie de sous-titre, qui est la même que celle du corps de texte

Roboto Condensed La typographie de corps de texte se décline en trois versions. Cela permet de hiérarchiser les informations données mais aussi de dynamiser le texte visuellement. La première est utilisée pour le corps de texte classique, il s’agit de la version par défaut. La deuxième s’utilise pour mettre des informations en valeur au sein d’un bloc de texte. La dernière permet de mettre en emphase certaines informations moins importantes pour le message à faire passer.

C afé s ur C our

-

25


Les typographies les titres

{ typographies de titre Beauty And The Beast

abcdefghijklm nopqrstuvwxyz 0123456789 RUSTICO

abcdefghijklm nopqrstuvwxyz 0123456789 { typographie de sous-titre Roboto Condensed Regular

abcdefghijklm nopqrstuvwxyz 0123456789


Les typographies les textes

{ typographie de corps de texte

Roboto Condensed Light

abcdefghijklm nopqrstuvwxyz 0123456789 Roboto Condensed Bold

abcdefghijklm nopqrstuvwxyz 0123456789 Roboto Condensed Light Italic

abcdefghijklm nopqrstuvwxyz 0123456789

C afĂŠ s ur C our

-

27


v i s u e l p r i n t

[ l’univers visuel ] C afé s ur C our

-

w e b 29


l' u n i v e r s v i s u e l les motifs et les textures

On peut utiliser des textures brutes dans les photographies ou sur les supports de communication (lorsque cela est pertinent)

Des motifs géométriques déclinés avec les couleurs de la charte (cf Les Couleurs) appartiennent également à la charte.

C afé s ur C our

-

31


l' u n i v e r s v i s u e l l’iconographie

Arrière-plan flou et mise au point sur le plat

Photographie minimaliste et plat excentré. Présence d’une texture brute

Mise en valeur des ingrédients et texture brute en arrière-plan

Possibilité de mettre en scène l’extérieur. La photo doit néanmoins être aérée et cohérente au niveau des couleurs


l' u n i v e r s v i s u e l l’iconographie - les interdits

Couleurs désaccordées avec celles de la charte

Couleurs des artificielles

sujets

Photographie chargée

C afé s ur C our

-

33


l' u n i v e r s v i s u e l les éléments graphiques

L’identité visuelle du Café Sur Cour repose sur des éléments dessinés à la main. Ces derniers peuvent avoir différentes propriétés. Il s’agit de contours de formes relativement fins et arrondis.

Ils peuvent compléter une photographie en ajoutant des éléments à la scène.


l' u n i v e r s v i s u e l

Les dessins peuvent être complétés par un aplat de couleur légèrement décalé.

Certains éléments peuvent dépasser du cadre de la photographie, donnant ainsi un effet de négatif.

Les contours des dessins peuvent être colorés ou très précis selon le sujet représenté.

C afé s ur C our

-

35


[ l’adaptation print ] C afé s ur C our

-

37

p r i n t

w e b


l' a d a p t at i o n p r i n t la carte de visite

50% 7mm

Rect o

FÉ SUR COUR } { CA

55mm

BRASSERIE DEPUIS 2005

85mm

ve r s o

{

9, place Louis Daubenton 44100 Nantes ••​ 02.40.73.10.62 contact@cafesurcour.fr

} 10mm

C afé s ur C our

-

39


l' a d a p t at i o n p r i n t la correspondance

47 mm

25 mm 40 mm

FÉ SUR COUR } { CA BRASSERIE DEPUIS 2005

{

Mr Lorem Ipsum X rue adresse du destinataire XX XXX Ville

57 mm

Cher Mr Lorem,

Andebis et, sumquiate officiendam non et quist faccab illuptam as molest, sandaernate ellis modit dolupit liquos as eiciissi nienisquo expliae. Nam ipsapic temosantem rectur sit omnit quat. Nonsero di sequis cor rentem facculpa solum fugit atur sa a dolor as maiore consequi ipideli gnimagniae laut ma quaepel Ehendem voluptiberio cum ius aut quid et, non consequatur, omnimin consequid quae etur simusam doluptiore rere mod eos a vellorero idi ut minum quiam aut ium sin re nimus, volorit, temquae. Tem vel explatur, ut reptatecepel et quibusant ipitior empossinciam niam se dolupassime sit, cus ma volorest aut fugit, in nis ma doluptaquis accusae.

Cordialement, Nicolas SIROT

}

9, place Louis Daubenton 44100 Nantes

••

02.40.73.10.62 contact@cafesurcour.fr

25mm


l' a d a p t at i o n p r i n t les flyers

Brasserie Gourmande à Nantes

Les flyers de communication pour le Café Sur Cour sont composés d’une photographie en pleine page sur le recto et de sa réflection avec un flou gaussien sur le verso.

95 mm x 140 mm

FÉ SUR COUR } { CA BRASSERIE DEPUIS 2005

Venez prendre une pause

Au recto, des dessins complétant la photo sont ajoutés ainsi que le logotype, en bas et centré. Au verso, un message court ainsi que les coordonnées et le logo sont indiqués.

gourmande ! 9, place Louis Daubenton 44100 Nantes

02.40.73.10.62

FÉ SUR COUR } { CA BRASSERIE DEPUIS 2005

contact@cafesurcour.fr

C afé s ur C our

-

41


[ l’adaptation web ] C afé s ur C our

-

43

w e b


l' a d a p t at i o n W e b le header et le footer

Le header ainsi que le footer sont minimalistes pour garder l’accent sur la typographie et le logo mais aussi pour mettre en valeur le contenu, et notamment les photographies du site.

header 20%

20px

200 px

200 px

100 px

30%

f o ot e r

C afĂŠ s ur C our

-

45


l' a d a p t at i o n W e b un exemple de page web

ĂŠlĂŠments graphiques jouant avec les photographies


l' a d a p t at i o n W e b

header rappel de texture brute

photographie du plat du jour, en adéquation avec les couleurs et l’iconographie de la charte

footer

C afé s ur C our

-

47


C afé s ur C our

-

49


Charte graphique | Café Sur Cour  

Charte graphique du restaurant Café Sur Cour - Anaïs AG

Charte graphique | Café Sur Cour  

Charte graphique du restaurant Café Sur Cour - Anaïs AG

Advertisement