Guide de Style.

Éléments de Rich Text

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

L'élément de rich text vous permet de créer et de formater des titres (ou rubriques), des paragraphes, des citations, des images et des vidéos au même endroit au lieu d'avoir à les ajouter et à les formater individuellement. Double-cliquez simplement et créez facilement du contenu.

Ceci est une légende pour une image.

Édition de contenu statique et dynamique

Un élément de rich text peut être utilisé avec du contenu statique ou dynamique. Pour le contenu statique, déposez-le simplement dans n'importe quelle page et commencez à le modifier. Pour le contenu dynamique, ajoutez un champ de texte enrichi à n'importe quelle collection, puis connectez un élément de texte enrichi à ce champ dans le panneau des paramètres. Voilà !

Comment personnaliser la mise en forme pour chaque rich text

Les titres, paragraphes, citations, figures, images et 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électeur imbriqué "When inside of".

Sed posuere consectetur est at lobortis. Nullam id dolor id nibh ultricies vehicula ut id elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Titres Réguliers / Rich Text

Titre H1 - Aa Bb Cc Dd

System Ui - Bold - 66px / 1.4 -

Titre H2 - Aa Bb Cc Dd

System Ui - Bold - 32px / 1.4 -

Titre H3 - Aa Bb Cc Dd

System Ui - Bold - 24px / 1.4 -

Titre H4 - Aa Bb Cc Dd

System Ui - Bold - 18px / 1.4 -
Heading H5 - Aa Bb Cc Dd
System Ui - Bold - 14px / 1.4 -
Titre H6 - Aa Bb Cc Dd
System Ui - Bold - 12px / 1.4 -
Titres Condensés

Titre extra large

Six-Caps - 45vh / 1.4-

Titre petite taille

Six-Caps - 36vh / 0.9-

Titre principal

Six-Caps - 22vh / 20vh

Titre de taille moyenne

Six-Caps - 15vh / 0.95-

Titre petite taille

Six-Caps - 8vh / 0.95-
X Grand Paragraphe

Bonjour, je suis jonny. Créative Senior basé à San Francisco.

System Ui - 7vw / 1.4 -
Grand Paragraphe

Jonny Avlis. Un concepteur de produits senior et un développeur front-end avec plus d'une décennie d'expérience. Au fil des années, j'ai travaillé avec des clients de premier plan et plusieurs startups passionnantes.

System Ui - 5em / 1.4 -
Paragraphe Régulier

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.

System Ui - 2em / 1.4 -
Paragraphe de Rich Text

L'élément de rich text vous permet de créer et de formater des titres (ou rubriques), des paragraphes, des citations, des images et des vidéos au même endroit au lieu d'avoir à les ajouter et à les formater individuellement. Double-cliquez simplement et créez facilement du contenu.

System Ui - 1.5em / 1.4 - #868686
Fractionner le Paragraphe

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Nulla vitae elit libero, a pharetra augue.

System Ui - 2em / 1.4 -
Italique & Gras

Suspendisse varius enim in eros elementum tristique.

System Ui - 2em / 1.4 -
Paragraphe Moyen

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.

System Ui - 1.6em / 1.6 -
Petit Paragraphe

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.

System Ui - 1.3em / 1.45 - / #868686
Bloquer le Devis
"Maecenas sed diam eget risus varius blandit sit amet non magna. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor."
System Ui - 32px / 1.4 -
Liste à Puces
  • C'est du texte à l'intérieur d'un bloc div.
  • C'est du texte à l'intérieur d'un bloc div.
  • C'est du texte à l'intérieur d'un bloc div.
Liste Numérotée
  • C'est du texte à l'intérieur d'un bloc div.
  • C'est du texte à l'intérieur d'un bloc div.
  • C'est du texte à l'intérieur d'un bloc div.
Liens
C’est un lien simple

C’est un lien texte dans une phrase

Bouton Plan
Plus sur moi
Bouton Contour
Plus sur moi
Bouton de Soumission
Soumettre
Link de Survol Décrit
Travaillons ensemble
Icônes