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.
Special show : Neo Psychedelia Special #1
BLACKLIGHT CHAMELEONS Xmvt (intro)A/LPACA Make it betterNIGHT BEATS Puppet on a stringCOMMUNICANT She Moves the SkyNOT QUITE Behind every doorTYRNAROUND Carroll By CandlelightDOLLY ROCKER MOVEMENT The only oneDANDELION Pleiadian Love VibrationMAD VIOLETS Black light...
Playlist : 22 juin 2024 – BEST OF ALBUMS – SINGLES 2023/2024 n°9
GIANTS ROBOTS She tells meBARRENCE WHITFIELD AND THE SAVAGES Right hand manCRAWLIES Ain't no timeCAPELLAS Take your chanceROUTES Fast carsBASEMENTS Children of tomorrowMR PAUL ET LES SOLUTIONS MicrosillonsKNIGHT SHADE'S Mover!SATELLITERS Easy when I'm deadPLAYBOYS Je...
Playlist n°8 : 08 juin 2024
MUCK & THE MIRES She blocked my numberFLESHTONES The Dedication SongCOURETTES CaliforniaCRYSTAL TEARDROP Après jeudiCAMILLE LEMAIRE AlexandreDARTS Are you downNUTHINS Girl has goneCHILD OF PANOPTES Dream with mePLASTICLAND Euphoric Trapdoor ShoesBABY WOODROSE...
Playlist n°7 : 18 mai 2024
BARON FOUR Never Feeling BlueFUZZY FOR HER Make loveGRUESOMES Not a chanceLES KITSCHENETTE’S Breuvage del amorCAMILLE LEMAIRE RodinCHILD OF PANOPTES Hey Mr CarpenterLOONS Mixed Up Broken Down TimeMOOON Hurtin' My HeartRUMPLESTILLSKIN Pate de Foie GrasSAN UL LIM Let's...
Playlist n°6 : 13 avril 2024
MFC CHICKEN Bear size skeetersBAD BEATS Watch your stepNIGHT TIMES I'm leaving youON AND ONS Hey What's going onLES KITSCHENETTES Le poisonSOUCOUPES VIOLENTES J'irais pasPETER ZAREMBA Dégage de ce divanFLEUR Laisse Moi faire!DRAGONFLY Crazy womanDRAGONFLY Blue...
SPECIAL SHOW : GLAM ROCK #2 – GUEST : C.BRAULT
SHAKANE Love MachineJOOK Alright With MeZIOR Cat’s EyesHECTOR Wired UpIRON VIRGIN Rebels RulePLASTIC FEET Big Blonde BabyBLUE VAMP Jolly DollyWALKERS We’re Just A Rock’n’Roll BandDENIM Middle Of The RoadGIUDA Number 10GYASI Baby Blue Ecouter l'épisode #1Spécial GLAM...
SPECIAL SHOW : GLAM ROCK #1 – GUEST : C.BRAULT
T.REX Get It OnROXY MUSIC Virginia PlainGARY GLITTER Rock’n’Roll Part 2SLADE Mama Weer All Crazee NowSWEET The Ballroom BlitzOSMONDS Crazy HorsesSUZI QUATRO 48 CrashNEW YORK DOLLS Trash Ecouter l'épisode #2Spécial GLAM ROCK #2 Plus d'infos ici
Playlist n°5 : 09 mars 2024
TH LOSIN' STREAKS Me'n'ZFUZZTONES Summertime bluesSMOGGERS Time to dreamWYLDE TRYFLES Can it beLOONS High and lonesomeFLEUR Tu es un être parfaitMOOON Richard Has a RacecarTRAUM Hold the lineALL & NOTHING SnobismoGRUPO PAN DicesICE CREAM Shout it outALAIN KAN Hey...
Playlist n°4 : 24 février 2024
SMOGGERS StrychnineJUKEES Too lateCOURETTES Shake!MIKE BELL CARTEL Ain't no highUNCLAIMED (Not So Good) Queen BessBAD BEATS Watch your stepGALILEO 7 A simple manDAVE MC CLEAN Faintly blowingLEAVES Do me a favorSYNDICATE My Baby's BarefootLYRICS They can't hurt...
Playlist n°3 : 10 février 2024
WYLDE TRYFLES I CAN'T GET ENOUGH OF YOUR LOVESATELLITERS YouPLAYBOYS Trainer jusqu'au soirBARNABE MONS Chat sauvageBOOGALEROS No, No, No, NoIMPERIAL SURFERS Surf ratGALILEO 7 Seen somehowMOOON How You Really AreTRAUM Hold the lineFAZ WALTZ Working class teacherGYASI...
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
%