Charte Graphique

Introduction

Bienvenue dans la charte graphique pour votre site web MAGIC TRAVELS.

Vous pouvez utiliser cette page pour apporter rapidement des modifications à des éléments tels que les polices, la taille du texte, les couleurs, les boutons, etc.

Ces modifications seront ensuite appliquées à l'ensemble de votre site web.

Pour que votre site soit réactif et s'adapte à tous les dispositifs, certains éléments auront un style différent selon les points de rupture. Par exemple, la taille des titres sur les points d'arrêt du bureau est légèrement différente de celle des points d'arrêt mobiles.

Votre guide de style n'est pas accessible au public et ne peut être consulté qu'avec un mot de passe.

Colours

Primary Colour

Tint 2
#ead1c4
Tint 1
#DBB39C
BASE HUE
#cd9575
Shade 1
#BA6E43
Shade 2
#875031

Secondary Colour

Tint 2
#e1f4f4
Tint 1
#B0E1E2
Base Hue
#74CACD
Shade 1
#379598
Shade 2
#246365

Secondary Colour EUROPE

Tint 2
#E8E1F4
Tint 1
#BBA6DF
Base Hue
#9574cd
Shade 1
#5A3798
Shade 2
#321e54

Secondary Colour BEYOND

Tint 2
#E1F4E8
Tint 1
#A6DFBB
Base Hue
#74cd95
Shade 1
#2B7646
Shade 2
#12331E

Other Colours

White
#FBF7F5
Gray
#575655
Black
#100B06
Success
#9acc74
Error
#C86F7E

Typography

La couleur principale de toute la typographie sur votre site web est
#100B06.

Comme mentionné dans l'introduction, la taille de vos rubriques diffère entre les points d'arrêt de bureau et les points d'arrêt mobiles.

La taille de la police de base des points d'arrêt de bureau et des points d'arrêt mobiles est de 18px (1em). Toutes les valeurs des pixels ont été arrondies.

H1

The quick brown fox jumps over the lazy dog.

Desktop: Begilla | 44px / 2.44em | 700 | Bold| All Caps
Mobile: Begilla | 37px / 2.05em | 700 | Bold | All Caps
H2

The quick brown fox jumps over the lazy dog.

Desktop: Begilla | 38px / 2.37em| 600 | Semi-Bold | Letter Spacing : 1px
Mobile: Begilla | 27px / 1.68em | 600 | Semi-Bold | Letter Spacing : 1px
H3

The quick brown fox jumps over the lazy dog.

Desktop:  Bitter| 28px / 1.56em | 500 | Medium | Letter Spacing : 3px
Mobile: Bitter | 26px / 1.44em | 500 | Medium | Letter Spacing : 2px
H4

The quick brown fox jumps over the lazy dog.

Desktop: Montserrat | 23px / 1.28em | 400 | Normal
Mobile: Montserrat | 22px / 1.22em | 400 | Normal
H5
The quick brown fox jumps over the lazy dog.
Desktop & Mobile: Montserrat | 18px / 1em | 400 | Normal | Italic | Letter Spacing : 2px
H6
The quick brown fox jumps over the lazy dog.
Desktop & Mobile: Bigilla| 14px / 0.78em | 140% | Italic | All lowercase | Letter spacing : 4px

Logos & Assets

Logo - White
Logo - Black
Logo - White
Logo - Black
Logo - White
Logo - Black

Buttons & CTAs (Hover me)

Outlined Button - Primary
Crossed Out Button - Primary
Outlined Button - Secondary
Crossed Out Button - Secondary
Social Button - Primary
Go to Homepage