Style Guide - Guide des styles
Le Guide des styles est une page de référence qui centralise et affiche tous les styles et composants de votre site.
Il permet de :
‣ visualiser les choix de design
‣ vérifier la cohérence globale
‣ tester les styles en contexte
👉 Considérez ce guide comme un outil qui vous permet de maintenir facilement le design du site.
⚠️ Attention, conservez cette page en brouillon : il n’est pas recommandé de la publier, car Google pourrait l’indexer et la rendre accessible aux internautes.
Paramétrages des couleurs globales
Primaire
Secondaire
Couleur 3
Couleur 5
Import des polices
Nom des polices utilisées :
- Police principale : xxx
- Police secondaire : xxx
Couleur des Titres
Couleur du corps
Préréglages module Texte
Titre niveau 1 (H1)
Titre niveau 2 (H2)
Titre niveau 3 (H3)
Titre niveau 4 (H4)
Titre niveau 5 (H5)
Titre niveau 6 (H6)
Titre niveau 1 (H1) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height)
Titre niveau 2 (H2) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height)
Titre niveau 3 (H3) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height). Lorem ipsum dolor sit amet.
Titre niveau 4 (H4) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height). Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Titre niveau 5 (H5) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height). Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vulputate ligula vitae mauris tempor, et venenatis mi iaculis.
Titre niveau 6 (H6) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height). Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vulputate ligula vitae mauris tempor, et venenatis mi iaculis.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
- Liste à puce
- Liste à puce
- Liste à puce
- Liste à puce
- Liste à puce
- Liste numérotée
- Liste numérotée
- Liste numérotée
- Liste numérotée
- Liste numérotée
- Liste numérotée
Une fois paramétré, dupliquer pour version Light (BG Dark) si utile + new preset
⚠️ Attention aux Headings Modules
Titre niveau 1 (H1)
Titre niveau 2 (H2)
Titre niveau 3 (H3)
Titre niveau 4 (H4)
Titre niveau 5 (H5)
Titre niveau 6 (H6)
Titre niveau 1 (H1) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height)
Titre niveau 2 (H2) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height)
Titre niveau 3 (H3) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height). Lorem ipsum dolor sit amet.
Titre niveau 4 (H4) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height). Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Titre niveau 5 (H5) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height). Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vulputate ligula vitae mauris tempor, et venenatis mi iaculis.
Titre niveau 6 (H6) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height). Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vulputate ligula vitae mauris tempor, et venenatis mi iaculis.
Préréglages et variations boutons & images
Button Module
Style par défaut
Articles
Image Module
Style par défaut
Style 2
Style 3
Compositions simples
Hero simple
Loop
John Dwyer, Osees le groupe aux multiples noms et à la discographie foisonnante
Du Pacifique Nord aux caves contemporaines : la longue marche du garage punk
The Sonics : La furie brute de Tacoma et le brasier éternel du garage punk
Playlist : 19 septembre 2026 n°49
Playlist : 04 juillet 2026 – BEST OF ALBUMS / SINGLES – n°48
Playlist : 20 juin 2026 n°47
Playlist : samedi 06 juin 2026 n°46
Playlist : samedi 23 mai 2026 n°45
Playlist : samedi 25 avril 2026 n°44
Playlist : samedi 11 avril 2026 n°43
Compositions synchronisées (globales)
Hero Dynamique
Formulaire
⬇⬇⬇ Paramétrez les autres modules qui pourraient vous être utiles ⬇⬇⬇
Accordion Module - (Module Accordéon)
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Toggle Module - (Module Bascule)
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Blurb Module - (Module Résumé)
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Blog Module
Rappel : le module Blog a été très utile dans Divi 4, aujourd'hui, il est possible de le remplacer par la fonctionnalité Loop de Divi 5.
Playlist : 28 novembre 2020 – SPECIAL CHESTERFIELD KINGS
CHESTERFIELD KINGS SPECIAL ! No playlist available
Playlist : 21 novembre 2020 – SPECIAL CYNICS
120 min. of FUZZ SOUNDS - SPECIAL CYNICS NO PLAYLIST AVAILABLE
Playlist : 13 novembre 2020 – SPECIAL FLESHTONES
120 MINUTES OF FLESHTONES SOUND NO PLAYLIST AVAILABLE
Playlist : 07 novembre 2020
MOURNING AFTER Every single day JARVIS HUMBY B side NETTELLES Drug train MUCK & THE MIRES Cupid's Not A Friend Of Mine FUZZTONES Transmaniacon MC BREADMAKERS Monkey do REVERBERATIONS Palm Frankie and the Witch Fingers Activate FIVE DAY RAIN Rough Cut Marmalade...
Playlist : 25 octobre 2020
FUZZTONES Microdot BLIND OWLS Something about that girl FLESHTONES Face of the screaming werewolf NIGHT TIMES Feat. JUANITO WAU Road to Nowhere LORD DIABOLIK Ma chérie c'est Frankestein LES ENVAHISSEURS Un de ces jours Frankie and the Witch Fingers Sweet freak UFFE...
Playlist : 11 Octobre 2020
FLESHTONES Alex trebek LES ENVAHISSEURS Millénial EVIL FUZZHEADS So Strange So Strange FUZZTONES High Tension Wire GODFATHERS I'm not your slave DT's Send me a postcard DYNAMITE PLATOON Woo Hoo SINO HEARTS Rock'n'roll hurricane Adnan Othman & The Wanderers...
Playlist : 27 septembre 2020
MUCK & THE MIRES She blocked my number EMPTY HEART The best that I can FUZZTONES New kind of rock PREMONITIONS The whiskey shake FLEUR Monsieur Dracula THEE MARTIAN BOYFRIENDS You're so confusing, girl LES ENVAHISSEURS Do the funz PANCAKES Spider spider...
Playlist : 13 septembre 2020
FUZZTONES She's wicked 1313 MOCKINGBIRD LANE Teenage Frankenstein MUCK & THE MIRES Take me back to planet earth PREMONITIONS She Took My Heart And Soul MR BONZ Be out my love Lee Dresser & The Krazy Kats Beat out my love FLESHTONES You gotta love, love ACE...
Playlist : MY GARAGE BEST OF 2019/2020 – 18 juillet 2020
DARTS My way SMOGGERS 13 women LOONS Memories have faces NOX BOYS Out of touch Schizophonics Show me your eyes PREMONITIONS My Love Ain't A Lie ROUTES The ricochet ELECTRIC MOON The inner part FOGGY TAPES Here come the fog JACK CADES Candid VIBRAVOID Colour your mind...
Playlist : 28 juin 2020
GODFATHERS Wild & Free YUM YUMS For Those About To Pop TOMMY RELTONE Le président PLATON & LES CAVES Vivre avec toi PRETTY LIGHTNING Eternity REVERBERATIONS Palm reader MODIFICACION Across the time MODIFICACION I Say Hey, Hey, Hey 1313 MOCKINGBIRD LANE Dig her...
Icon List Module - Nouveauté Divi 5
- List item text
- List item text
- List item text
- List item text
- List item text
Testimonial Module - (Module Résumé)
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Divider Module - (Module Séparateur)
Call to Action Module - (Module Appel d'action)
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Module Bar Counters - (Module Compteur Barre)
- Your Title Goes Here50%
- Your Title Goes Here50%
- Your Title Goes Here50%
Module Number Counter - (Module Compteur Nombre)
%
Your Title Goes Here
%
Your Title Goes Here
%
Your Title Goes Here
Module Circle Counter - (Module Compteur Cercle)
%
Your Title Goes Here
%
Your Title Goes Here
%