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 : 11 mars 2023
BERLINETTAS Making timeDARTS IntersexLIQUORICE EXPERIMENT Man of actionMAHARAJAS Don’t need your babySTOMACHMOUTHS I’m going awaySTOMACHMOUTHS Don’t Put Me DownFRANKIE Als sneeuw voor de zonVELVET ATTACK Daughter of the suANCIENT GREASE Don’t wantBACCHUS A world…
Playlist : 18 février 2023
FADEAWAYS Psychedelic Boy, Psychotic GirlVIOLET MINDFIELD Beautiful nightmareROUTES AttentionLOW SPIRITS Outta SightBERLINETTAS Walk, don’t runBEATPACK Footsteps echoLIQUORICE EXPERIMENT She’s not aloneODD MEN OUT Magic fudgeBLACK ANGELS The flopSTRANGLERS Straighten…
Playlist : 04 février 2023
MAHARAJAS Stranger everywhereEVIL FUZZHEAD Baby I don’t careDARTS Snake oilBERLINETTAS making timeROUTES DrainedPREMONITIONS 83 cloudsCRAMPS Domino (Live 80)CRAMPS Spot Radio / Garbageman (live 80)SCRAPIRON RoxanneTRUTH & JANEY Under my thumbKEN & THE FORTH…
Playlist : 20 janvier 2023
VIOLET MINDFIELD What do I gotta doFADEAWAYS It’s about timeBEATPACK Or so it seemsDARTS IntersexPREMONITIONS Flight number unknownROUTES No goodVIBRAVOID The secrets in her eyesHOOVERIII SeeMESSAGE ChangesMIJAL & WHITE I’ve been youLIQUID BLUE Henry Can’t…
Playlist : 10 décembre 2022
ROAD RUNNERS Be mineSMOGGERS Mr Jekyll & Hyde (Live)FADEAWAYS Intro/Don’t tell no liesPREMONITIONS Mary Lou blueMUCK & THE MIRES Beat RevolutionMAHARAJAS Don’t Need You BabyGREEN SEAGULL Lightning girlBANG BANG BAND GIRL Call of the wighatDAKILA Searchin’ for…
Playlist : 26 novembre 2022
MAHARAJAS Rock And Roll GraduatesOUT-SECT Go awayPREMONITIONS 83 cloudsVIOLET MINDFIELD Tell meBEATPACK Black sea tobacco poseLOONS Let me inLE CHIFFRE ORGAN-IZATION Moog on the waveHOOVERIII Stone manBRIAN AUGER & TRINITY Finally Found You OutBRIAN AUGER &…
Playlist : 12 novembre 2022
JACKETS Pie in the skyGRAHAM DAY Girl, you captivate meLOONS Cry Cry CryLIQUORICE EXPERIMENT How many liesODD MEN OUT SummerNIX & THE NOTHINGS Good for nothingFRANKIE & THE WITCH FINGERS Cookin’LYDSYN JerikoHAMILTON STREETCAR ConfusionMICHAEL TARRY Neighbours…
Playlist : 29 octobre 2022
DOCTOR EXPLOSION GrisesLOS PEYOTES Nada pode verUNCLAIMED Hard to findROAD RUNNERS I believeSTRENGSBREW Hold onMASTER PLAN Ooh Baby OohBLACK ANGELS Surf City (Live)VIBRAVOID The President Of The Poison AirERVINNA & THE STYLERS Witch Queen Of New Orleans (Indonesia)JON BARTEL THING Freak ShowHAMILTON STREETCAR Invisible peopleJACKETS Pie in the skyGRAHAM DAY Memphis trainGUY HAMPER TRIO FireBIG […]
Playlist : SPECIAL NOMADS
Rat Fink A Boo-Boo (Theme)Lowdown Shakin’ ChillsDon’t tread on meWhere The Wolf Bane BloomsThe Way (You Touched My Hand)Week-end on MarsCall of your dogsKnowledge Comes With Death’s ReleaseShe pay the rentCinderellaCan’t Keep My Mind Of YouA certain girl16 Forevere…
Playlist : 01 octobre 2022
STRENGSBREW CatnipOUT-SECT Go awayVIOLET MINDFIELD Beautiful nightmaresROAD RUNNERS Downhearted manNOMADS Knowledge Comes with Death’s ReleaseTALL FACES Jusqu’à la fin du jourDATURA 4 Open the linesLYDSYN Abernes planetUNCLAIMED The sorrowUNCLAIMED Run from…
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
%