Guide de style

Palette de couleurs
#ffffff
#0D0F19
#303fe1
#151720
#1c1e27
#20222b
Échelles de gris
Paragraphe
#C2C3C5
Texte en sourdine
#5B5D63
#FFFFFF | 100% - 10%
Styles de titres

Le renard brun rapide saute par-dessus le chien paresseux

H1 - Space Grotesk | Taille de la police 48px / Hauteur de ligne 54px

Le renard brun rapide saute par-dessus le chien paresseux

H2 - Space Grotesk | 42px taille de la police / 48px hauteur de ligne

Le renard brun rapide saute par-dessus le chien paresseux

H3 - Space Grotesk | Taille de la police 36px / hauteur de ligne 42px

Le renard brun rapide saute par-dessus le chien paresseux

H4 - Space Grotesk | Taille de la police 30px / Hauteur de ligne 36px
Le renard brun rapide saute par-dessus le chien paresseux
H5 - Space Grotesk | 24px taille de la police / 30px hauteur de ligne
Le renard brun rapide saute par-dessus le chien paresseux
H6 - Space Grotesk | Taille de la police 18px / hauteur de ligne 26px
Ceci est un texte à l'intérieur d'un bloc div.
Sous-titre - Inter| Taille de la police 18px / Hauteur de ligne 22px
Ceci est un texte à l'intérieur d'un bloc div.
Texte en sourdine - Space Grotesk | taille de la police 16px / hauteur de ligne 20px
Paragraphes

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In metus vulputate eu scelerisque felis imperdiet. Accumsan tortor posuere ac ut consequat semper viverra nam libero. Tincidunt praesent semper feugiat nibh sed. Lorem dolor sed viverra ipsum. Sed euismod nisi porta lorem mollis. Tincidunt tortor aliquam nulla facilisi cras fermentum odio.

Consequat id porta nibh venenatis cras sed. Ut tristique et egestas quis. Sit amet massa vitae tortor condimentum lacinia. Dolor sed viverra ipsum nunc aliquet bibendum. In hendrerit gravida rutrum quisque. Et egestas quis ipsum suspendisse. Et malesuada fames ac turpis. Et magnis dis parturient montes nascetur ridiculus mus. Leo a diam sollicitudin tempor. Hac habitasse platea dictumst vestibulum.

Paragraphe - Inter | Taille de la police 16px / Hauteur de ligne 22px
Boutons
Bouton rempli | 10px / 20px
Bouton de présentation | 10px / 20px
Flèche de bouton remplie | 10px / 20px
Bouton fléché | 10px / 0px
Texte enrichi

Qu'est-ce qu'un élément de Rich Text ?

L'élément de texte enrichi vous permet de créer et de formater des titres, des paragraphes, des citations, des images et des vidéos en un seul endroit au lieu de devoir les ajouter et les formater individuellement. Il suffit de double-cliquer et de créer facilement du contenu.

Édition de contenu statique et dynamique

Un élément de texte riche peut être utilisé avec un contenu statique ou dynamique. Pour un contenu statique, il suffit de le déposer dans n'importe quelle page et de commencer à l'éditer. Pour le contenu dynamique, ajoutez un champ de texte enrichi à n'importe quelle collection et connectez ensuite un élément de texte enrichi à ce champ dans le panneau des paramètres. Et voilà !

Comment personnaliser le formatage de chaque texte riche ?

Les titres, les paragraphes, les citations, les figures, les images et les légendes de figures peuvent tous être stylisés après l'ajout d'une classe à l'élément de texte enrichi à l'aide du système de sélection imbriqué "When inside of".

Légende ici

Liste ordonnée

  1. Réactivité totale
  2. Facile à personnaliser
  3. Code propre
  4. Animations fluides

Liste non ordonnée

  • Réactivité totale
  • Facile à personnaliser
  • Code propre
  • Animations fluides
Ceci est une citation en bloc