Style Guide Prello

Tous les éléments graphiques sont présentez ici. Ce sont les normes et structure réutilisables pour le design et l'intégration du site Prello.

Les couleurs

Tous les éléments graphiques sont présentez ici. Ce sont les normes et structure réutilisables pour le design et l'intégration du site Prello.

Black
#0E2D44
Black 800
#0E2D44
Black 600
#0E2D44
Black 400
#0E2D44
Black 200
#0E2D44
Blue
#123E5F
Blue 800
#41657F
Blue 600
#6F818F
Blue 400
#A0B2BF
Blue 200
#D0D8DF
Orange
#E37342
Orange 800
#F38A5B
Orange 600
#F39D79
Orange 400
#FDCEAE
Orange 200
#D0D8DF
Yellow
#D7983A
Yellow 400
#FADEAF
Yellow 200
#D0D8DF
Cyan
#3B6068
Cyan 400
#3B6068
Cyan 300
#D7E8EB
Cyan 200
#F3F8F8
Green
#D5DEBD
Green 400
#D5DEBD
Green 200
#F7F8F2
White
#FFFFFF
Beige light
#F9F7F2
Beige Medium
#F3F8F8
Border 50%
Border 20%

Les typographies

Tous les éléments graphiques sont présentez ici. Ce sont les normes et structure réutilisables pour le design et l'intégration du site Prello.

Display Heading

Display Heading

Heading H1

H1 Title

Heading H2

H2 Title

Heading H3

H3 Title

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.

Paragraph

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.

Paragraph (Small)

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.

Text bold

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.

Text 18px

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.

Text 20px

Les boutons

Tous les éléments graphiques sont présentez ici. Ce sont les normes et structure réutilisables pour le design et l'intégration du site Prello.

Texte bouton
Texte bouton
Texte bouton
Texte bouton
Texte bouton

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.

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.