Guide de style

Classes de structure

Structure de base définie et flexible que nous pouvons utiliser sur toutes les pages ou la plupart d'entre elles.

page-wrapper

enveloppe principale

conteneur-petit

conteneur-medium

conteneur-large

padding-global

padding-section-small

section de remplissage-moyenne

section de remplissage-grand

groupe de boutons

Balises d'en-tête HTML

Les balises HTML définissent les styles d'en-tête par défaut.

Les exemples de texte vous aident à comprendre à quoi peut ressembler un texte réel. L'exemple de texte est utilisé à titre indicatif.

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.

Autres balises HTML

Les balises HTML définissent les styles de texte par défaut.

Tous les paragraphes

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.

Tous les liens

Toutes les citations

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.

Toutes les listes ordonnées

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.

Toutes les listes non ordonnées

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.

Styles d'en-tête

Classes d'en-têtes lorsque le style typographique ne correspond pas à la balise HTML par défaut.

style d'en-tête-h1

Les exemples de texte vous aident à comprendre l'aspect d'un texte réel.

style d'en-tête-h2

L'exemple de texte est utilisé à titre indicatif. Les exemples de texte vous aident à comprendre à quoi peut ressembler un texte réel.

style d'en-tête-h3

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.

style d'en-tête-h4

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.

style d'en-tête-h5

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.

style d'en-tête-h6

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

texte-grandeur

L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent.

taille du texte-moyen

L'exemple de texte est utilisé pour remplacer le texte réel qui est normalement présent sur votre site web.

taille du texte-régulière

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.

taille du texte-petit

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.

taille du texte minuscule

Styles de texte

style de texte-muet

style-allcaps

Pondération du texte

poids du texte-xbold

texte en gras

poids du texte-semibold

poids du texte-moyen

poids du texte-normal

poids du texte-léger

Alignements de texte

alignement du texte sur la gauche

text-align-center

alignement du texte sur la droite

Boutons

Système de classe combo à boutons.

bouton

Texte du bouton

bouton

est petit

Texte du bouton

bouton

est grand

Texte du bouton

bouton

est-secondaire

Texte du bouton

bouton

est-texte

Texte du bouton

bouton

is-icon

Texte du bouton

Couleurs

Gérer les textes récurrents et les couleurs d'arrière-plan.

Palette de couleurs

#00000

#f5f5f5f5

#fffff

Couleurs du texte

texte-couleur-noir

texte-couleur-gris

texte-couleur-blanc

texte-couleur-lumière

texte-couleur-blanc

Couleurs d'arrière-plan

couleur de fond-noir

couleur de fond gris

couleur de fond-blanc

Coussinets

Système d'espacement des services publics - classes de remplissage. [direction de l'espacement] + [taille de l'espacement].

Classes de direction

padding-bottom

haut de la page

padding-vertical

padding-horizontal

remplissage-gauche

padding-right

Classes de taille

rembourrage-0

padding-tiny

padding-xxsmall

padding-xsmall

padding-small

rembourrage-moyen

rembourrage-grandeur

rembourrage-xlarge

rembourrage-xxlarge

remplissage-important

remplissage-xhuge

padding-xxhuge

Marges

Système d'espacement utilitaire - classes de remplissage. [margin-direction] + [margin-size].

Classes de direction

marge inférieure

marge-top

marge-verticale

marge-horizontale

marge-gauche

marge-droite

Classes de taille

marge-0

marge-petite

margin-xxsmall

margin-xsmall

marge-petite

marge-moyenne

marge-grande

marge-xlarge

margin-xxlarge

marge-grande

marge-xhuge

margin-xxhuge

Icônes

Unifier la taille des icônes. hauteur de l'icône définit la hauteur des icônes. icône-1x1 définit la hauteur et la largeur des icônes.

hauteur de l'icône-petit

hauteur de l'icône-moyenne

hauteur de l'icône-grandeur

icon-1x1-petit

icon-1x1-medium

icône-1x1-large

Systèmes d'utilité publique utiles

Les classes utilitaires que nous aimons utiliser dans la plupart de nos projets pour construire plus rapidement.

cacher

Cet élément est caché

cacher la tablette

cacher-mobile-portrait

cacher-mobile-paysage

Éléments du flux Web

Éléments Webflow natifs avec des classes Client-First appliquées.

composant_formulaire

Exemple de composant de formulaire utilisant des dossiers

Nous vous remercions ! Votre demande a bien été reçue !

Un problème s'est produit lors de l'envoi du formulaire.

texte-riche-texte

Rubrique 1

Rubrique 2

Rubrique 3

Rubrique 4

Rubrique 5

Rubrique 6

Exemple de texte avec un lien est utilisé pour remplacer le texte réel 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. 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 comment le texte réel peut apparaître sur votre site web. L'exemple de texte est utilisé pour remplacer le texte réel normalement présent.

UDESLY-START-PHPecho udesly_get_image(_u('ic8a5c77', 'img'))->altUDESLY-END-PHP