cHaRte dIgiTalE

Sommaire
1. Principe généraux 2. Déclinaison site internet

> Logotype > Menu

> Couleurs > Footer
> Univers typographique > Page de contenu type
> Iconographie
> Principe ergonomique

3. Media Sociaux 4. Identité Corporate

> Dimensions > Signature e-mail

> Facebook > Dossiers/Présentations
> Twitter
> Instagram
> Google +
Logotype 1

Le logotype de Cezame Mariage est composé de plusieurs éléments et plusieurs sens. En premier lieu, la flêche
ornée d’un coeur à son extrémité fait référence à cupidon et donc à l’amour. Ce coeur est lui-même divisé en deux
parties de couleurs différentes pour personnifier les deux personnes composant un couple. Ensuite, cette flêche est
entrecoupée avec Cezame Mariage au milieu pour représenter l’intermédiaire entre futurs mariés et prestataires.
Cezame est le lien privilégié pour réaliser un mariage de rêve.
Pour ne pas faire du mariage un évènement exclusivement féminin, nous avons mis en avant un noeud papillon au
centre pour représenter un costume et la baseline en arc de cercle vient souligner le col ou décolleté de la robe de
mariage.
cOulEurS 1

Couleurs web
R : 241
V : 136
B : 128 #F18880

Couleurs web
R : 67
V : 74
B : 84 #434A54
uNivErS tYpOgrApHiqUe 1

Playball ABCDEFGHIJKLMNOPQRSTUVWXYZ
Pour les titres abcdefghijklmnopqrstuvwxyz
0123456789

pOpUlaIrE abcdefghijklmnopqrstuvWxyz
pOuR lEs soUs-tiTreS abCDefgHIjklMNopqRStuvWXyZ
0123456789

Raleway AB C D E FG H IJ KLM N O PQ R STUVWXYZ

Pour les textes courants abcdefghijklmnopqrstuvwxyz
0123456789
iConOgRapHiE 1
pRiNciPe erGoNomIquE
cRéaTioN De TeMplAtE wOrDprEsS fLaT dEsIgn eT rEsPonSiVe DeSigN
1

A l’heure d’aujourd’hui, avec la démocratisation des supports mobiles, le responsive design est devenu
incontournable dans la création d’un site internet. Il est indispensable que ce dernier puisse s’adapter à tous
supports technologiques, de l’ordinateur de bureau (desktop), au pc portable en passant par la tablette et le
smartphone.

Du côté du design, nous avons mis un point d’honneur à respecter les tendances actuelles telles que le flat design
via les couleurs utilisées et les pictogrammes.Ensuite nous avons opté pour une interface épurée mais saupoudrée
de quelques photos pour rendre la navigation plus attractive. De plus, nous nous sommes dirigés vers une certaine
originalité via le menu à gauche tout en respectant une ergonomie cohérente et intuitive.

Nous avons également privilégié le fullscreen, car nous avons des outils de plus en plus grands et perfomants, il
faut en profiter et utiliser l’espace qu’il nous est offert.
décLinAiSon sIte iNteRneT
lE MenU
2
180px

79px

Couleur de fond : #434A54

Couleur du texte : #fff
Typographie du menu : Raleway

Lien actif, lien hover : #F88980

60px

100%

Toutes ces données sont données à titre indicatif car elles

peuvent être modifiées à tout moment par le biais de la
plateforme d’administration Wordpress.
décLinAiSon sIte iNteRneT
lE FooTeR
2

widget 1 : 33% widget 2 : 33% widget 3 : 33%

274px

100% - width menu

Couleur de fond : #E4E4E4

Couleur des titres : #434A54
Couleur du texte : #000
Couleur des liens : #F88980
Typographie des titres : Playball
Typographie des textes : Raleway
Toutes ces données sont données à titre indicatif car elles
peuvent être modifiées à tout moment par le biais de la
plateforme d’administration Wordpress.
décLinAiSon sIte iNteRneT
pAge dE cOnTenU Type
2

MENU

IMAGE DE COUVERTURE

T I T RE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies,
tortor vitae suscipit egestas, ex dolor pulvinar lectus, in lacinia ex turpis nec
ex. Ut euismod tortor nec sapien dictum, id faucibus magna consequat.
Pellentesque at elit porta, mattis tortor non, posuere purus. Cras ex tortor,
rhoncus nec facilisis quis, ornare non odio. Proin rutrum pellentesque auctor.
Maecenas lectus orci, tempor eget urna eu, consectetur dictum quam. Sed
tincidunt est quis tortor eleifend, ut convallis metus porta. Donec rutrum
fringilla tempus. Suspendisse accumsan tempus arcu at efficitur. Ut vitae
magna scelerisque, elementum quam mattis, euismod augue. Curabitur et
elit magna.
mEdiA SocIauX
dImeNsIonS RecOmManDéeS
3
FACEBOOK
>> Photos de profil : 180 x 180 px
>> Photos de couverture : 851 x 315 px
>> Photos posts/actualités : 1200 x 630 px

TWITTER
>> Photos de profil : 400 x 400 px
>> Photos de couverture : 1500 x 500 px
>> Photos posts/actualités : 440 x 220 px

INSTAGRAM
>> Photos de profil : 110x 110 px

GOOGLE +
>> Photos de profil : 250 x 250 px
>> Photos de couverture : 1080 x 608 px
>> Photos posts/actualités : 497 x 279 px
iDenTIté CorPoRatE
sIgnAtUre eMaiL
4

// Prénom et nom > 18pt Populaire Regular

mAïmOunA Becart
Gérante // Nom du poste occupé > 11pt Arial Bold

06 66 02 45 00
www.cezamemariage.fr // Informations du contact > 9pt Arial Regular
contact@cezamemariage.fr
Neuvitec 1 Mail Gay Lussac
95000 Neuville sur Oise
// Pictogrammes média sociaux > «Rose corail Cezame»
(lien de redirection vers les média sociaux)
iDenTIté CorPoRatE
dOssIerS / PrésEntAtIonS
4

fOrMat 4/3 fOrMat 16/9