Style Guide

Typographies

Headings

H1
Heading 1
H1 light
Heading 1 light
H2
Heading 2
H3
Heading 3
H4
Heading 4
Button
CTA
M bold
Medium bold
M
Medium

Text

M bold
Medium bold -mobile
M
Medium - mobile

Color

100
Text primary
#282828
50
Text secondary
#F4F4F4
Aa
Text third
#FFFFFF
Aa
Text fourth
#EB932F

Background

100
Background primary
#FFFFFF
50
Background secondary
#F4F4F4
Aa
Background third
#EB932F
Aa
Background fourth
#282828

Border

100
Border primary
#FFFFFF
50
Border secondary
#F4F4F4

Shadows

Shadow bloc
Shadow card

UI Elements

CTA

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.