Design system

01 Colors

Primary

1

Primary variant

1

Secondary

1

Secondary variant

1

Background

1

Surface

1

Error

1

02 Typography

Heading 1 - Serif - 150px

Arthur

Heading 2 - Serif - 100px

Kaamelott

Heading 3 - Serif - 56px

Merlin & Élias

Heading 4 - Serif - 32px

Perceval & Karadoc

Heading 5 - 28px - 4.75 Character Space

Yvain, chevalier au Lion ou l'orphelin de Carmélide

Subheading 1 - Serif - 28px

384,400 pintes de bière

Subheading 2 - Condensed Sans-serif - 14px - 2.35 Character Space

Gauvain, chevalier au Pancréas

Nav Text - Condensed Sans-serif - 16px - 2.7 Character Space

Kadoc

Body Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.

03 Interactive elements

Navigation

Accordion

Button

Variants

Sizes

Shapes