Effets

Classes de structure

Guide de style Relume V3.0

Ressources Relume

Client-First v2.1

Typographie

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

Tous les titres H1

Heading 1

Tous les titres H2

Heading 2

Tous les titres H3

Heading 3

Tous les titres H4

Heading 4

Tous les titres H5

Heading 5

Tous les titres H6

Heading 6

Classes de titres
Classes de titres à utiliser lorsque le style typographique ne correspond pas à la balise HTML par défaut.

heading-style-h1

Heading-style-h1

heading-style-h2

Heading-style-h2

heading-style-h3

Style-de-titre-h3

style-de-titre-h4

Style-de-titre-h4

style-de-titre-h5

Style-de-titre-h5

style-de-titre-h6

Style-de-titre-h6

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

Tous les paragraphes

Tous les liens

Tous les blocs de citation

Block Quote

Toutes les listes non ordonnées

Liste sans puces
Liste sans puces

Toutes les listes non ordonnées

Liste sans puces
Liste sans puces

Toutes les listes ordonnées

Liste sans puces
Liste sans puces
Liste sans puces

Tailles de texte
Classes de taille de texte lorsque la taille typographique ne correspond pas à la balise HTML par défaut.

text-size-large

text-size-medium

text-size-regular

text-size-small

text-size-tiny

Graisses de texte
Classes de graisse de texte lorsque la graisse typographique ne correspond pas à la balise HTML par défaut.

text-weight-xbold

text-weight-xbold (800)

text-weight-bold

text-weight-bold (700)

text-weight-semibold

text-weight-semibold (600)

text-weight-medium

text-weight-medium (500)

text-weight-normal

text-weight-normal (400)

text-weight-light

text-weight-light (300)

Styles de texte
Classes de style de texte lorsque le style typographique ne correspond pas à la balise HTML par défaut.

text-style-italic

text-style-strikethrough

text-style-allcaps

text-style-nowrap

text-style-quote

text-style-link

text-style-2lines

text-style-3lines

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. 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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

text-style-muted

text-style-tagline

Alignement du texte
Classes d'alignement de texte lorsque l'alignement typographique ne correspond pas à la balise HTML par défaut.

text-align-left

text-align-center

text-align-right

Texte enrichi

text-rich-text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Ceci est une citation

‍

L'élément de texte enrichi vous permet de créer et de mettre en forme des titres, des paragraphes, des citations, des images et des vidéos au même endroit, plutôt que de devoir les ajouter et les formater individuellement. Il suffit de double-cliquer pour créer facilement du contenu.

Ceci est un lien dans un texte enrichi

Élément de liste
Élément de liste
Élément de liste

Élément de liste
Élément de liste
Élément de liste

Couleurs

Schémas de couleurs
Gérez vos couleurs facilement grâce aux schémas de couleurs globaux en ajoutant simplement la classe du schéma de couleurs à la section souhaitée.

schema-de-couleurs-1

Schéma 1

Couleur du texte

Schéma 2

Couleur du texte

Schéma 3

Couleur du texte

Éléments d'interface

Boutons

bouton