Guide de style
Classes de structure
Une structure de base claire et flexible qu'on peut utiliser sur toutes les pages ou presque.
Titres
Les balises HTML définissent les styles de titre par défaut. Utilise les classes de titre quand le style typographique ne correspond pas à la balise HTML par défaut.
Le texte d'exemple te montre à quoi peut ressembler le texte réel. Le texte d'exemple sert juste à remplir l'espace.
Le texte d'exemple te montre à quoi peut ressembler le vrai texte. Il sert juste pour te donner une idée.
Le texte d'exemple sert juste à te montrer à quoi ça pourrait ressembler.
Le texte d'exemple sert juste à te montrer à quoi ça pourrait ressembler.
Le texte d'exemple vous aide à comprendre à quoi pourrait ressembler le texte réel sur votre site web. Le texte d'exemple sert de substitut au texte réel qui est normalement présent.
Le texte d'exemple te montre à quoi le vrai texte pourrait ressembler sur ton site web. Il sert juste à remplir l'espace où le vrai texte sera mis plus tard.
Le texte d'exemple sert juste à te montrer à quoi ça pourrait ressembler. Il est là pour te donner une idée de ce que tu verrais si c'était du vrai texte.
Le texte d'exemple sert juste à te montrer à quoi ça pourrait ressembler. Il est là pour t'aider à comprendre comment ça pourrait être avec du vrai texte.
Le texte d'exemple sert juste à montrer comment ça pourrait être. Il t'aide à comprendre comment ça pourrait être avec du vrai texte. Le texte d'exemple est là à la place du vrai texte qui devrait normalement être là. Il t'aide à comprendre comment ça pourrait être avec du vrai texte.
Le texte d'exemple sert juste à te montrer à quoi ça pourrait ressembler. Il est là pour t'aider à comprendre comment ça pourrait être avec du vrai texte.
Le texte d'exemple sert à remplacer le texte réel qui devrait normalement apparaître ici. Il te permet de voir à quoi ressemblera le texte final. Le texte d'exemple sert à remplacer le texte réel qui devrait normalement apparaître ici. Il te permet de voir à quoi ressemblera le texte final.
Le texte d'exemple sert à remplacer le texte réel qui devrait normalement apparaître ici. Il te permet de voir à quoi ressemblera le texte final. Le texte d'exemple sert à remplacer le texte réel qui devrait normalement apparaître ici. Il te permet de voir à quoi ressemblera le texte final.
Cours de texte
Applique les classes de texte quand le style typographique ne correspond pas à la balise HTML par défaut.
Taille du texte
Le texte ci-dessous est juste un exemple pour montrer où va le vrai texte.
Le texte ci-dessous sert juste à montrer comment ça va se présenter sur ton site web.
Le texte d'exemple sert à remplacer le vrai texte qui est normalement sur ton site web. Il t'aide à voir à quoi ressemblera le vrai texte sur ton site web.
Le texte d'exemple sert à remplacer le vrai texte qui est normalement sur ton site web. Il t'aide à voir à quoi ça pourrait ressembler sur ton site web.
Styles de texte
style de texte barré
style de texte en italique
style de texte atténué
style-texte-tout-en-majuscules
style-texte-sans-retour-à-la-ligne
style de lien texte
Un texte d'exemple est utilisé comme espace réservé.
Le texte d'exemple sert à remplacer le vrai texte qui devrait normalement être là. Il t'aide à voir à quoi ressemblera le vrai texte sur ton site web. Le texte d'exemple sert à remplacer le vrai texte style-de-texte-2lignes
Le texte d'exemple sert de substitut au texte réel qui devrait normalement apparaître ici. Il te permet de voir à quoi ressemblera le texte réel sur ton site web. Le texte d'exemple sert de substitut au texte réel. Le texte d'exemple sert de substitut au texte réel qui devrait normalement apparaître ici. Il te permet de voir à quoi ressemblera le texte réel sur ton site web. Le texte d'exemple sert de substitut au texte réel.
Poids du texte
Alignement du texte
Couleurs
Gère les couleurs de texte et d'arrière-plan qui reviennent souvent.
Couleurs du texte
Couleurs d'arrière-plan
Largeurs maximales
Utilise la propriété CSS max-width pour limiter la largeur maximale du contenu interne.
Entretoises
Système d'entretoises unifié pour le projet.
Icônes
Unifier la taille des icônes. icon-height définit la hauteur des icônes. icon-1x1 définit à la fois la hauteur et la largeur des icônes.
Systèmes utilitaires pratiques
Les classes utilitaires qu'on aime bien utiliser dans la plupart de nos projets pour aller plus vite.
Éléments Webflow
Éléments Webflow natifs avec classes Client-First appliquées.
Exemple d'un composant de formulaire utilisant des dossiers
Titre 1
Titre 2
Titre 3
Titre 4
Titre 5
Titre 6
Exemple de texte avec un lien sert de substitut au texte réel qui devrait normalement apparaître ici. L'exemple de texte vous aide à comprendre à quoi pourrait ressembler le texte réel sur votre site web. L'exemple de texte sert de substitut au texte réel. L'exemple de texte sert de substitut au texte réel. Le texte d'exemple sert de substitut au texte réel.
- Le texte d'exemple sert de substitut au texte réel qui devrait normalement être présent.
- Le texte d'exemple sert de substitut au texte réel qui devrait normalement être présent.
- Le texte d'exemple sert de substitut au texte réel qui devrait normalement être présent.
- Le texte d'exemple sert de substitut au texte réel qui devrait normalement être présent.
- Un texte d'exemple est utilisé comme espace réservé pour le texte réel qui devrait normalement être présent.
- Un texte d'exemple est utilisé comme espace réservé pour le texte réel qui devrait normalement être présent.
Un texte d'exemple est utilisé comme espace réservé pour le texte réel qui devrait normalement être présent. Le texte d'exemple vous aide à comprendre à quoi pourrait ressembler le texte réel sur votre site web. Un texte d'exemple est utilisé comme espace réservé pour le texte réel qui devrait normalement être présent.
