Style Guide

Typographies

Headings

H1
Heading 1
H1 mobile
Heading 1 mobile
H1 italic
Heading 1 italic
H1 italic mobile
Heading 1 italic mobile
H1 regular
Heading 1.2
H1 regular mobile
Heading 1.2 mobile
H2
Heading 2
H2 italic
Heading 2 italic
H3
Heading 3
H3 medium
Heading 3.2
H4
Heading 4
Button
Button

Text

L bold
Large bold
L bold italic
Large bold italic
L
Large
M bold
Medium bold
M
Medium
S bold
Small bold
S
Small
XS bold
XSmall bold
XS
XSmall

Color

All

100
#374C61
50
#9BA5B0
Aa
#EBEDEF
Aa
#FFFFFF
100
#D9EAF0
50
#80B9CC
Aa
#01739A
Aa
#FF792E

Shadows

Shadow bloc
Shadow card

UI Elements

CTA

Rejoins-nous
Rejoins-nous
All Links

Grid

Cards

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Contact

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

CONTACT

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

CONTACT

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

CONTACT
Form
Merci, nous allons traiter votre message. 
Oups... Nous avons rencontré une petite erreur. Vous pouvez retenter dans 5 minutes.