Guide de style
Client-First est un ensemble de lignes directrices et de stratégies créées par Finsweet pour vous aider à construire des sites Webflow.
Classes de structure
Structure de base définie et flexible que nous pouvons utiliser sur toutes les pages ou la plupart d'entre elles.
Styles d'en-tête
Classes d'en-têtes lorsque le style typographique ne correspond pas à la balise HTML par défaut.
Les exemples de texte vous aident à comprendre l'aspect d'un texte réel.
L'exemple de texte est utilisé à titre indicatif. Les exemples de texte vous aident à comprendre à quoi peut ressembler un texte réel.
Les exemples de texte vous aident à comprendre l'aspect du texte réel sur votre site web. L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent.
L'exemple de texte est utilisé à titre indicatif. L'exemple de texte vous aide à comprendre à quoi peut ressembler le texte réel. L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent.
L'exemple de texte est utilisé à titre indicatif. L'exemple de texte vous aide à comprendre à quoi peut ressembler le texte réel. L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent. L'exemple de texte vous aide à comprendre à quoi peut ressembler un texte réel.
L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent. L'exemple de texte vous aide à comprendre à quoi peut ressembler le texte réel. L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent. L'exemple de texte vous aide à comprendre à quoi peut ressembler un texte réel.
Classes de texte
Classes de texte lorsque le style typographique ne correspond pas à la balise HTML par défaut.
Taille du texte
L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent.
L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent sur votre site web.
L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent. Les exemples de texte vous aident à comprendre comment le texte réel peut apparaître sur votre site web.
L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent sur votre site web. Les exemples de texte vous aident à comprendre l'aspect du texte réel sur votre site web.
L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent sur votre site web. Les exemples de texte vous aident à comprendre l'aspect du texte réel sur votre site web.
Styles de texte
style de texte-barré
style-italique
style de texte-muet
style-allcaps
style-nowrap
texte-style-lien
L'exemple de texte est utilisé à titre indicatif.
L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent. Les exemples de texte vous aident à comprendre l'aspect du texte réel sur votre site web. L'exemple de texte est utilisé pour remplacer le texte réel (style 2 lignes).
L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent. Les exemples de texte vous aident à comprendre l'aspect du texte réel sur votre site web. L'exemple de texte est utilisé pour remplacer le texte réel. L'exemple de texte est utilisé pour remplacer le texte réel normalement présent. L'exemple de texte vous aide à comprendre l'aspect d'un texte réel sur votre site web. L'exemple de texte est utilisé pour remplacer le texte réel.
Pondération du texte
Alignements de texte
Couleurs
Gérer les textes récurrents et les couleurs d'arrière-plan.
Palette de couleurs
Couleurs du texte
Couleurs d'arrière-plan
Largeurs maximales
Utilisez la propriété CSS max-width pour limiter la largeur du contenu intérieur.
Coussinets
Système d'espacement des services publics - classes de remplissage. [direction de l'espacement] + [taille de l'espacement].
Classes de direction
Classes de taille
Marges
Système d'espacement utilitaire - classes de remplissage. [margin-direction] + [margin-size].
Classes de direction
Classes de taille
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 d'utilité publique utiles
Les classes utilitaires que nous aimons utiliser dans la plupart de nos projets pour construire plus rapidement.
Éléments du flux Web
Éléments Webflow natifs avec des classes Client-First appliquées.
Exemple de composant de formulaire utilisant des dossiers
Rubrique 1
Rubrique 2
Rubrique 3
Rubrique 4
Rubrique 5
Rubrique 6
L'exemple de texte avec un lien est utilisé pour remplacer le texte réel qui est normalement présent. L'exemple de texte vous aide à comprendre l'aspect du texte réel sur votre site web. Un exemple de texte est utilisé pour remplacer un texte réel. L'exemple de texte est utilisé pour remplacer le texte réel. L'exemple de texte est utilisé pour remplacer le texte réel.
- L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent.
- L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent.
- L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent.
- L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent.
- L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent.
- L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent.
L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent. L'exemple de texte vous aide à comprendre l'aspect du texte réel sur votre site web. L'exemple de texte est utilisé pour remplacer le texte réel normalement présent.
