Gérez l'apparence et la convivialité de l'ensemble du site web à partir de notre guide de style. Le style et les composants utilisés sur le site sont documentés ici, et toute modification apportée sera immédiatement visible sur toutes les pages.
Les couleurs primaires et les nuances de gris du site Web sont gérées à l'aide de la fonctionnalité Variable de Webflow.
Primary 1
Primary 2
Secondary 1
Secondary 2
Black
Gray 1
White
Une grande variété de styles de boutons est disponible sur l'ensemble du site Web.
Styles pour les balises d'en-tête HTML (H1-H6).
Les classes d'en-tête sont créées pour correspondre au style de conception et les appliquer à différentes balises d'en-tête. Cela garantit que le style des balises d'en-tête qui s'intègrent bien dans la conception correspond aux balises d'en-tête recommandées pour le référencement. Par exemple, pour l'en-tête d'une page, vous utilisez la balise H1, mais vous souhaitez appliquer le style (taille de police, etc.) de la balise H2. En utilisant une classe « Heading H2 » dans la balise H1, vous obtiendrez le style d'un en-tête H2 tout en conservant la balise H1 à des fins de référencement. De cette façon, vous pouvez obtenir à la fois un design visuellement attrayant et un bon référencement.
Différentes tailles de paragraphes et styles de texte sont disponibles.
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.
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.
Stylisation des éléments en ligne courants.
Suspendisse varius enim in highlight eros elementum tristique.
Suspendisse varius enim in highlight eros elementum tristique.
Suspendisse varius enim in highlight eros elementum tristique.
Suspendisse varius enim in highlight eros elementum tristique.
Suspendisse varius enim in highlight eros elementum tristique.
Les styles d'alignement du texte permettent de réaligner le texte par rapport aux composants.
Text Left: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text Center: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text Right: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Stylisation des citations.
Ceci est une citation. Lorem comfort a peut-être atteint gay sa chambre six détracteurs en plus d'ajouter. Le journal Moonlight augmente son plaisir agréable selon les circonstances. Le partage vocal chronométré l'a amené à élargir le bruit des jeunes. Lors des mariages, on croyait rire, bien que le matériel fasse l'exercice de. La tentative offerte vous a civilement assis. L'acceptation de l'insipidité est remarquablement une invitation.
Stylisation des listes ordonnées, des listes non ordonnées et des listes sans style.
L'élément Rich Text (RTE) est utilisé pour créer du contenu long format. Pour un style avancé.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
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électeurs imbriqués « When inside of » (Lorsqu'il se trouve à l'intérieur de).
Style général pour les éléments de formulaire.
Différents types de largeurs de conteneurs.
Pour donner plus d'espace aux sections et maintenir un espacement égal entre toutes les sections. Dans le mode réactif, l'espacement sera réduit.
Des classes de marge d'aide sont disponibles pour ajouter une marge entre les éléments et maintenir des valeurs d'espacement cohérentes et uniformes sur l'ensemble du site.
