Design System

Typographie

Pour les titres : D-Din fw700

Pour les sous-titres : D-Din fw400

Pour le corps : Rubik fw300

Lorem ipsum dolor

Orci sagittis eu volutpat

Euismod in pellentesque massa placerat duis ultricies lacus sed turpis. Ornare aenean euismod elementum nisi quis eleifend quam adipiscing vitae. Semper feugiat nibh sed pulvinar proin gravida hendrerit lectus a.

Hiérarchie des textes

Ceci est un titre de niveau 1

Ceci est un titre de niveau 2

Ceci est un titre de niveau 3

Ceci est un titre de niveau 4

Ceci est un titre de niveau 5

Ceci est un titre de niveau 6

Ceci est un texte XXL

Ceci est un texte XL

Ceci est un texte L

Ceci est un texte M

Ceci est un texte S

Ceci est un texte XS

Système de couleurs

Couleurs principales

Primaire

Secondaire

Accent

Base

Neutre

Couleurs complémentaires

Primaire

Secondaire

Accent

Base

Dégradés

Très foncé

Foncé

Moyen

Clair

Très Clair

Transparents

90%

80%

60%

40%

20%

10%