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 n°2 : 27 janvier 2024
SMOGGERS I Hate Your SmileROUTES Noise annoysMIKE BELL CARTEL Ain't No HighMOURNING AFTER Quit BazaarJUKEES White liquorMR PAUL ET LES SOLUTIONS Elucubrations SolutioniquesTRAUM Sunshine songBASEMENTS Rainy daysWATERLOO Lonesome roadAll & Nothing Underground...
Playlist n°1 : 13 janvier 2024
ROUTES Whatever Happened ToBAD BEATS Smoke ringsSATELLITERS Out of the darkROYAL HANGMEN Cryin shameSMOGGERS My last rock'n'rollNUTHINS Are You A Boy Or Are You A GirlMINERS OF MUZO The apogee of loveMINERS OF MUZO White Lightning (Live FR 1988)PLAYBOYS...
Playlist : 16 décembre 2023
MAHARAJAS (Let's) Play HouseBARRENCE WHITFIELD & THE SAVAGES Right hand manFEMUR Un Hechizo CruelSMOGGERS She's wickedSATELLITERS So many timesDEADLY SPIRITS Creepin & CrawlingMr PAUL ET LES SOLUTIONS LouiseGIANT ROBOTS TerminéBLACK MERDA ProphetPETS Este Es...
Playlist : 02 décembre 2023
CRAWLIES Ain't no timeFEMUR I'm in love with meKNIGHT SHADE'S Mover!NUTHINS Allergic kissNUTHINS Cold as iceROYAL HANGMEN Run, don't walkHOWLIN'JAWS Mirror, mirrorBASEMENTS Children of tomorrowARTWOODS Things get betterARTWOODS I Take What I WantPETS Hello I love...
Playlist : 18 novembre 2023
CRYPTONES Sorry & glorySMOGGERS Please, never changeTHEE ALLYRGIC REACTION Small stepsFEMUR Dorianne GrayCHESTERFIELD KINGS Someday girlSENCES Done with youBASEMENTS Sounds of yesterdayHOWLIN' JAWS Bewitched MeMAJIC SHIP Sioux City BluesSABATTIS Everyday Is...
Playlist : 04 novembre 2023
BARRENCE WHITFIELD & THE SAVAGES Bad situationGIANT ROBOTS Do like meHipbone Slim & The Kneejerks When you're goneMASONICS It's Time That I Moved OnKILLING FLOORS Too far goneMAL THURSDAY QUINTET A Smell of Honey, A Swallow of Brine!FANTASTIC FELLINIS...
Playlist : 21 octobre 2023
CRIMSON SHADOWS The vampireCRYPTONES Already goneMIRACLE WORKERS Mystery girlCRAWLIES Ain't no timeBARRENCE WHITFIELD & THE SAVAGES Hey Miss GlynisKILLING FLOORS You Know It Ain't RightLOW SPIRITS Grinnin' reaperFRANKIE AgnostSTOW LAKE TimeWilliam Penn Fyve...
Playlist : 07 Octobre 2023
FULL TIME MEN High On DrugsREBEL SET Creeps Come Out At NightMASTER PLAN What's Up With ThatBARRENCE WHITFIELD AND THE SAVAGES Right Hand manCOURETTES Bikini girls with machine gunMAHARAJAS Talkin' to the manALPACAS COLLECTIVE GunkaliSUN DIAL Echoes All AroundMARK...
Playlist : 23 septembre 2023
SMOGGERS Please, never changeMAHARAJAS (Let's) Play HouseFULL TIME MEN We were usingFULL TIME MEN Critical listGIANT ROBOTS No way to hideFUZZTONES Can your pussy do the dog ?REVERBERATIONS Color Coded Candy CanesSUN DIAL Living for todayPOPA CHUBBY Dirty diesel...
SPECIAL Garage Punk Revival 80’s & 90’s #5
SMOOTY FILTH pastime creaturesSATELLITERS What's up with Timothy Dee ?CRYPTONES Si tu reviens chez moiNUTHINS Allergic KissMYSTIC EYES My time to leaveVIPERS We're outta hereBOMBORAS (You've Got to) Get in LineFIENDS Get off my backMYSTREATED Gemini Again?LIME SPIDERS...
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
%