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 Garage Punk Revival 80’s & 90’s #4
SATAN'S PILGRIMS IntroPLAN 9 Keep On PushinFLESHTONES Mod TeepeeSPOONS Go awayGRAVEDIGGER V She's a curPRISONERS Say Your PrayersPRIME MOVERS RevengeCRIMSON SHADOWS I want you to leave meMOURNING AFTER She's gonna get itTHANES Hey girl (look what you've done)NOMADS...
SPECIAL Garage Punk Revival 80’s & 90’s #3
MONDO TOPLESS INTRO Fifty Thousand Dollar Hand Job (Intro)STOMACHMOUTHS I'm going awayUNTOLD FABLES Let me knowMIRACLE WORKERS That Ain't MeCELLAR DWELLERS Wonderin' WhyGREENFISH What can I sayLES GARDIENS DU CANIGOU Sweet Crying BabySICK ROSE Nothing To SayDMZ First...
SPECIAL Garage Punk Revival 80’s & 90’s #2
GRUESOMES Bikers from hell (Intro)1313 MOCKINGBIRD LANE Dig her upMUMMIES Out of our treePRIMATES OutsideCYNICS Get my wayCLAPHAM SOUTH ESCALATORS Leave me aloneWORST Creepy thingKWYET KINGS Don't Doubt My LoveLUST-O-RAMA (Cant do) Another MistakeBOOHOOS Nancy's...
SPECIAL Garage Punk Revival 80’s & 90’s #1
RAMBLERS Ramblers themeCRAMPS Thee Most Exalted Potentate Of LoveGRUESOMES Get Outta My HairSOUND EXPLOSION Send a messageBACKDOOR MEN Out of my mindCREEPS She's GoneBUGS Just a bad dreamBOGEYMEN I'm Sure You'll Get Everything You WantMARSHMALLOW OVERCOAT Beverly...
Playlist : BEST OF ALBUMS/SINGLES 24 juin 2023
STRENGSBREW The Darker It Gets (The Better I Look)ROAD RUNNERS Downhearted ManUNCLAIMED Run from homeJACKETS Pie in the skyVIOLET MINDFIELD what do I gotta doGUY HAMPER TRIO FireMAHARAJAS Never coming backLIQUORICE EXPERIMENT She's not aloneLYDSYN JerichoVIBRAVOID...
Playlist : 03 juin 2023
JACKETS AttractedMISSING SOULS Bad way to goWYLD GOOMS Thinkin' bout youKILLING FLOORS Little trissPRIMEVALS Grit and grimesJACK CADES Temptation Inside Your HeartREVERBERATIONS OscillationDEMOCRASH Silver machineGERRY BRIGHT & THE STOKERS Psycho sonicLES...
Playlist : 06 mai 2023
MORLOCKS Just A Little BitLORDS OF ALTAMONT 4.95 (Live)THANES For what rewardGRAHAM DAY & THE GAOLERS A Rose Thorn (Sticking In Your Minds Eye)JACKETS AttractedDARTS Snake oilCHILD OF PANOPTES From the moonFRANKIE Als Sneeuw voor de ZonBARRENCE WHITFIELD & THE...
Playlist : 22 avril 2023
GRAHAM DAY & THE GAOLERS Narrow mindMOCKS Do me goodKING CORNELIUS & THE SILVERBACKS Monkey manGLOOMIES City of peopleCHILD OF PANOPTES One fault too manyDARTS Donne moi toutGO-GOETTES Pero noVIBRAVOID Shifting the sandsASSAGAI Telephone girlEAST OF EDEN...
Playlist : 08 avril 2023
MORLOCKS Dirty redLIQUORICE EXPERIMENT Pair of bootsGO-GOETTES Chica explosionDARTS Spy girlGLOOMIES I'll come againKING CORNELIUS & THE SILVERBACKS Shrunken headVIBRAVOID Lost and bustedVIBRAVOID Phantom of thoughtsBARRENCE WHITFIELD Bloddy Mary / Black Jack...
Playlist : 26 mars 2023
LIQUORICE EXPERIMENT How many liesLOW SPIRITS Outta sightDARTS UndergroundMAHARAJAS Just another pretty faceMORLOCKS You burn me outMORLOCKS Killing floorLORDS OF ALTAMONT Intro/ I Said Yeah (Live)LORDS OF ALTAMONT Slow death (Live)BACCHUS Good timeLOS SHAKERS Rompan...
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
%