Style Guide

Typographies

Headings

H1
Heading 1
H1.2
Heading 1.2
H2
Heading 2
H2.2
Heading 2.2
H3
Heading 3
H3.2
Heading 3.2
Link
Link

Text

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

Color

Text

100
Text primary
#111146
50
Text secondary
#8888A2
100
Text third
#8ec9f6
100
Text fourth
#ee7a0d

Background

100
Background primary
#333333
10
Background secondary
#797979
100
Background third
#8888A2
100
Background fourth
#111146

Border

100
Border primary
#333333
100
Border secondary
#8888A2

Shadows

Shadow bloc
Shadow card

UI Elements

CTA

En savoir plus
EN SAVOIR PLUS
En savoir plus
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.