Colors
0
#FFFFFF
10
#F9FAFB
20
#E5E7EB
30
#D1D5DB
90
#B6BCC6
40
#6B7280
50
#4B5563
60
#374151
Inter Serré
Gras
SemiGras
Moyen
Ordinaire
Aa
En-tête - Bureau
Titre 1
Inter / SemiGras
104px
100%
HEADING
Titre 1
Inter / SemiGras
104px
100%
Heading 1
Titre 2
Inter/ Demi-gras
72 pixels
100%
Heading 2
Titre 3
Inter/SemiGras
64 pixels
100%
Heading 3
Titre 4
Inter/ SemiGras
56px
100%
Heading 4
Titre 5
Inter/ SemiGras
40 pixels
100%
Heading 5
Titre 6
Inter/SemiGras
32 pixels
100 %
Heading 6
En-tête - Mobile
Titre 1
Inter/Gras
64px
100 %
Heading 1
Titre 2
Inter/SemiGras
56 pixels
100 %
Heading 2
Titre 3
Inter/ SemiGras
48px
100 %
Heading 3
Titre 4
Inter/SemiGras
40 pixels
100%
Heading 4
Titre 5
Inter/SemiGras
32px
100%
Heading 5
Titre 6
Inter/SemiGras
28 pixels
100%
Heading 6
Corps
Corps très grand en gras
Inter/Gras
28 pixels
28
Le rapide renard brun
Corps Extra-Large Moyen
Inter/ Moyen
28px
28
Le renard brun rapide
Corps Très Grand Taille Standard
Inter / Régulier
28 pixels
28
Le rapide renard brun
Corps Grand Gras
Inter/Gras
22 pixels
26
Le renard brun rapide
Moyen Large Corps
Intermédiaire
22px
26
Le rapide renard brun
Corps Grand Régulier
Inter/ Régulier
22px
26
Le renard brun rapide
Corps en Gros Gras
Inter Gras
18px
26
Le renard rapide brun
Grande taille moyenne
Intermédiaire
18 pixels
26
Le renard brun rapide
Corps Grand Régulier
Inter/Régulier
18px
26
Le renard brun rapide
Corps semi-large gras
Inter/ Gras
16 pixels
24
Le renard brun rapide
Corps de texte semi-large moyen
Intermédiaire
16 pixels
24
Le renard brun rapide
Corps Semi-Grand Régulier
Inter/ Régulier
16 pixels
24
Le renard brun rapide
Corps petit en gras
Inter/ Gras
14 pixels
22
Le renard brun rapide
Petit Moyen Grand
Inter / Moyen
14 pixels
22
Le renard brun rapide
Corps Petit Standard
Inter/ Régulier
14 pixels
22
Le rapide renard brun
Légende en gras
Inter/ Gras
12 pixels
20
Le rapide renard brun
Légende Moyenne
Intermédiaire
12px
20
Le rapide renard brun
Légende régulière
Inter/ Régulier
12px
20
Le renard brun rapide
Icons
Les symboles servent de représentations graphiques d'instructions, d'appareils, de dossiers ou d'activités typiques. Nous utilisons le style commercial gratuit de Phosphor Icon.
Comment utiliser ?
Nous utilisons du code SVG intégré pour l'icône.
Veuillez mettre à jour la couleur par défaut SVG en "currentColor" afin que la couleur de l'icône suive la couleur du texte actuel.
Veuillez mettre à jour les dimensions à 100% afin que l'icône puisse remplir la taille parent.
Ajoutez notre classe personnalisée "SVG Icon" au code intégré.
De plus, veuillez ajouter une sous-classe pour la taille de l'icône, telle que "16x16" ou "32x32".
Buttons
Bouton utilisé sur ce site web en tant que CTA, avec différentes variations de style
Bouton CTA
Voir tous les travaux
Bouton de sélection
Form Fields
Styles par défaut des champs de formulaire pour tous les formulaires utilisés sur le site.
Champ de texte
Nom*
Zone de texte
E-mail*
Grid
Comment les rôles d'espacement sont liés à la hiérarchie des éléments d'interface utilisateur.
Grille à 2 colonnes
Grille à 3 colonnes
Grille à 4 colonnes
Grille de 2 colonnes sur 1
Grille 1 : 2 colonnes
Spacing
Comment les rôles d'espacement se rapportent à la hiérarchie des éléments d'interface utilisateur.
4 pixels
8 pixels
12px
16px
24px
48px
56px
Rich Text
Our rich text capabilities allow you to easily format and style text, embed images and videos, and even add custom code.
Text Bold
Lorem ipsum dolor sit amet consectur
Text Italic
Lorem ipsum dolor sit amet consectetur
Bullet List
Aliquet porttitor lacus luctus accumsan tortor. Gravida rutrum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Senectus et netus et malesuada fames ac turpis egestas
Numbered List
Aliquet porttitor lacus luctus accumsan tortor. Gravida rutrum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Senectus et netus et malesuada fames ac turpis egestas
Figure Image & Caption
Caption here
Blockquote
"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."