Style Guide (Guide de Style)

Ce guide propose des instructions détaillées sur divers éléments de design, allant des palettes de couleurs et de la typographie aux styles de boutons et aux tailles de texte.

Couleurs

Primaire

Secondaire

Gris Clair

Noir

Blanc

Titres & Paragraphes

Titre 1

Titre 2

Titre 3

Titre 4

Titre 5

Titre 6

Paragraphe

Lorem ipsum dolor sit amet, consectetur adipiscing elit, eiusmod tempor incididunt ut labore et dolore magna. Faucibus nisl tincidunt eget nullam ipsum non.

Quis risus sed vulputate odio. Nisl suscipit adipiscing bibendum est. Aliquet bibendum enim facilisis gravida.

Risus feugiat in ante metus dictum at. Sit amet commodo nulla facilisi nullam vehicula ipsum a arcu. Ipsum nunc aliquet bibendum enim facilisis gravida neque.

Et netus et malesuada fames. Dui faucibus in ornare quam viverra. Lobortis scelerisque fermentum faucibus orci.

Texte Enrichi

Qu'est-ce qu'un texte enrichi (Rich Text) ?

Le texte enrichi vous permet de créer et de mettre en forme des titres, paragraphes, citations, images et vidéos en un seul endroit, au lieu de les ajouter et de les formater séparément. Il suffit de double-cliquer pour créer facilement du contenu.

Contenu statique et dynamique

Le texte enrichi peut être utilisé avec du contenu statique ou dynamique. Pour le contenu statique, il suffit de le déposer sur n’importe quelle page et de commencer l’édition. Pour le contenu dynamique, ajoutez un champ de texte enrichi à une collection, puis reliez un élément à ce champ dans le panneau des paramètres. Voila!

Comment personnaliser la mise en forme

Les titres, paragraphes, citations, figures, images et légendes peuvent tous être stylisés une fois qu’une classe est ajoutée à l’élément Rich Text en utilisant le système de sélecteurs imbriqués "À l'intérieur de".
‍

Listes

Liste à puces 1
Liste à puces 2
Liste à puces 3

Liste numérotée 1
Liste numérotée 2
Liste numérotée 3

Boutons

Explore

Style Guide

Instructions