Prendre rendez-vous
fr
Prendre rendez-vous

Mon Design System

01.1/ CTA PRIMARY

01.1 (bis)/ CTA PRIMARY WITH LINK

01.2/ CTA SECONDARY

01.3/ CTA TERTIARY

01.4/ CTA 50/50

01.42/ VTO Présentation

01.43/ BTN Sticker Ticket - Question précédente

01.5/ Hyperlink

01.6/ Call Out 1 avec Icone / Cas Disabled

01.10/ BTN ICON ALONE - (E.g. LeMag)

01.7/ Filter (E.g. Flowbox)

01.8/ Tags / Badges

01.9/ Menu déroulant Taille S

01.9/ Menu déroulant Taille 2XS

02/ Titres

2XL Bold

2XL Regular

XL Bold

XL Regular

LG Bold

LG Regular

M Bold

M Regular

S Bold
S Regular
XS Bold
XS Regular
2XS Bold
2XS Regular
3XS Bold
3XS Regular
Texte/ Tag Badge

Texte Chapeau

Nullam egestas, metus sit amet fringilla interdum, lorem tortor finibus mauris, elementum scelerisque ex tellus ut orci. Etiam non aliquam nisl, vitae consequat magna. Praesent suscipit erat vel risus laoreet ornare. Praesent ac rutrum nulla.

Texte Body

Nullam egestas, metus sit amet fringilla interdum, lorem tortor finibus mauris, elementum scelerisque ex tellus ut orci. Etiam non aliquam nisl, vitae consequat magna. Praesent suscipit erat vel risus laoreet ornare. Praesent ac rutrum nulla.

Texte SubHeading

Nullam egestas, metus sit amet fringilla interdum, lorem tortor finibus mauris, elementum scelerisque ex tellus ut orci. Etiam non aliquam nisl, vitae consequat magna. Praesent suscipit erat vel risus laoreet ornare. Praesent ac rutrum nulla.

Texte Footnote

Nullam egestas, metus sit amet fringilla interdum, lorem tortor finibus mauris, elementum scelerisque ex tellus ut orci. Etiam non aliquam nisl, vitae consequat magna. Praesent suscipit erat vel risus laoreet ornare. Praesent ac rutrum nulla.

Texte Quote

Nullam egestas, metus sit amet fringilla interdum, lorem tortor finibus mauris, elementum scelerisque ex tellus ut orci. Etiam non aliquam nisl, vitae consequat magna. Praesent suscipit erat vel risus laoreet ornare. Praesent ac rutrum nulla.

Texte Caption1

Nullam egestas, metus sit amet fringilla interdum, lorem tortor finibus mauris, elementum scelerisque ex tellus ut orci. Etiam non aliquam nisl, vitae consequat magna. Praesent suscipit erat vel risus laoreet ornare. Praesent ac rutrum nulla.

Texte Caption2

Nullam egestas, metus sit amet fringilla interdum, lorem tortor finibus mauris, elementum scelerisque ex tellus ut orci. Etiam non aliquam nisl, vitae consequat magna. Praesent suscipit erat vel risus laoreet ornare. Praesent ac rutrum nulla.

Texte Caption3

Nullam egestas, metus sit amet fringilla interdum, lorem tortor finibus mauris, elementum scelerisque ex tellus ut orci. Etiam non aliquam nisl, vitae consequat magna. Praesent suscipit erat vel risus laoreet ornare. Praesent ac rutrum nulla.

03.1/ Formulaire - Input

Label icon Right

*Requis

Label icon Left

*Requis

Label icon Left & Right

*Requis

Label No icon

*Requis

Label No icon No required Disabled

No Label No icon

*Requis

No Label No icon No required

No Label icon Right Left

*Requis

No Label icon Right

*Requis

Label input eye

*Requis

Label input eye

*Requis

03.2/ Formulaire - Input Select

*Requis
*Requis

03.3/ Formulaire - Radio button

Apport personnel ? *

selectedValue: option1

03.4/ Formulaire - Text Area

*Requis
*Requis
Live