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 : 31 mai 2025 n°26
HIPBONE SLIM & KNEEJERKS TurncoatMASONICS Bertha LouGALILEO 7 Cruel BirdBAD BEATS Have love will travelLOW SPIRITS Can't love you backLES RENCARDS PolymorpheROARING 420's SuburbsROARING 420's Onward indianEAST OF UNDERGROUND Popcorn - Oye Como VaHOOVERIII Tin...
Playlist : 17 mai 2025 n°25
GALILEO 7 Cold Hearted StowawayUNTAMED YOUTH Don't fight itMORLOCKS Body not your soul (live 1987)SHITKICKER REBELLION White light white heatHIPBONE SLIM & THE KNEEJERKS Make It AlrightMASONICS Some other guySABABA 5 VUCRYSTAL TEARDROP Into unknownGERRY BRIGHT...
Playlist : 03 mai 2025 n°24
MUCK & THE MIRES Beat RevolutionSOUND MINDS She Won't Stay For LongUNTAMED YOUTH What do I getKRONTJONG DEVILS Toen Viel de Bril van Mn NeusMOOON I surrenderLAISSEZ FAIRS Living in the summerDREAMWAVE Seeking to remainCRYSTAL TEARDROPS Stealing suggestionsLOS...
Playlist : 19 avril 2025 n°23
HIPBONE SLIM & THE KNEEJERKS When Push Comes To ShoveTHEE STRAWBERRY MYNDE ReflectionsSOUNDS MINDS Hide and seekUNTAMED YOUTH Git up and goBACKDOOR MEN Out of my mindMAGGOTS Apeman 2000VIOLET MINDFIELD Go on nowCRYSTAL TEARDROP Colours changingDICK RABBIT You Come...
Playlist : 05 avril 2025 n°22
GALILEO 7 Look awayMAGGOTS I wanna be your maggotCORNFLAKE ZOO 13 StationsVIOLET MINDFIELD He ain't the oneLE CHIFFRE ORGAN-IZATION DégustationTHEE STRAWBERRY MYND Bad loveHOOVERIII The flyLAISSEZ FAIRS Chapter threeCHRISTIE LAUME Rouge rougeMarta Kubišová TAK DEJ SE...
Playlist : 22 mars 2025 n°21
CAPELLAS Love PrayerZEMBLAS Do the mondo jerkBREADMAKERS Yours or mineTHEE NAMESHAKES Drives me wildMAGGOTS Last time aroundHIPBONE SLIM & the KNEEJERKS Bird doggin'VIOLET MINDFIELD Autonomous overdriveKWINKS CitadelRAIN Sapphire skiesLa Revolución de Emiliano...
Playlist : 08 mars 2025 n°20
SCREAMIN MONKEYS That's not mineCHILD OF PANOPTES Magic MirrorKNIGHT SHADES Why (Baby Why!)DOM MARIANI JanglelandSUNNYBOYS Can't you stop nowDYNAMITE SHAKERS Ticket girlKWINKS ArmeniaHOOVERIII Westside Pavilion of DreamsWYLD GOOMS You did me wrongVIV AND THE SECT...
Playlist : 01 février 2025 n°19
BREADMAKERS Marisa in Your EarSCREAMIN' MONKEYS That's not mineSCREAMIN' MONKEYS Band of freaksKNIGHT SHADES Make you mineSOUND REASONS Why, Baby, WhyLES BREASTFEEDERS On ne prête qu'aux richesTHUNDERBEATS Well, I knock & I KnockCHILD OF PANOPTES I'm downMC PHEE...
Playlist : 18 janvier 2025 n°18
FLESHTONES Way of the worldTHEE BRAINDROPS Troube mindSICK ROSE Don’t Give It Up NowLYRES What a girl can doKNIGHT SHADES Why (baby why!)SOUND REASONS Today's Another DaySHAW'S TRAILER PARK On the newsKAROVAS MILKSHAKE Love is blindLOS AFRICANOS Together...
Playlist : 21 décembre 2024 n°17
LES BREASTFEEDERS J'entends les tamboursJACKETS Coco LocoHIGHER STATE 10 minutes aheadGRAVEDIGGER V Do like meSICK ROSE Don't give it up nowFUZZTONES Boss Hoss (live)HANDFORD FLYOVER You can't ever come downLYDSYN HejremandenHEAVY CRUISER Don't stop nowHEAVY CRUISER...
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
%