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 : 07 décembre 2024 n°16
HIGHER STATE By the viewJACKETS I triedSENCES My girlFADEAWAYS It's a crying shameWOGGLES Wearing on my soulWOGGLES Anyway the windMAL THURSDAY QUINTET Get Out Of My EyeLYDSYN HejremandenMERELL FANKHAUSER & HMS BOUNTY Drivin' Sideways (On A One Way Street)MERELL...
Playlist : 23 novembre 2024 n°15
THEE BRAINDROPS Five ahead of my timeDUSTBURDS The Eyes Of Meiko KajiEMBROOKS Heartfull of SoulCTMF For your loveSTOP CALLING ME FRANK Hard lovin manFLESHTONES Love me while you canVIBRAVOID OscillationsVIBRAVOID Optical soundsSTORM I’ve Gotta Tell You MamaSTORM I'm...
Playlist n°14 : 09 novembre 2024
JUKEEZ BoogeymanSTRENGSBREW A little trustFLESHTONES That's Why I'm Turning to YouWOGGLES Anyway the windDUSTBURDS Guybo lastBUES PILLS Don't you love itMYSTERY LIGHTS Don't Want No Don't Need NoLYDSYN OpråbAGUATURBIA EroticaAGUATURBIA Rollin' and Tumblin'JACKETS...
Playlist n°13 : 26 octobre 2024
DEADLY SPIRITS I changed my mindBEATPACK Still In Love With YouLYDSYN NørrebroJACKETS Coco locoPROJECT V There's no sorrowTHEE BRAINDROPS Genetica chungaROUTES Love Will Tear Us ApartDUSTBURDS Last drink in auvergneSUNLIGHT Second thoughtsSUNLIGHT Rush hour...
Playlist n°12 : 12 octobre 2024
WOGGLES Troubles love meJUKEESZ Transylvania twistJACKETS Ours foreverCOURETTES Better without youFLESHTONES Say you don't mind itTony Marsico and the Ugly Thingz Burning questionsVIBRAVOID Shotgun Wedding ThemeLAS RATAS SICODELICAS La islaHARD STUFF HoboATLANTICS...
Playlist n°11 : 28 septembre 2024
BEATPACK Down On His LuckFLEUR Nous continuerons à marcher ensembleJACKETS IntuitionCOURETTES Here I comeDEADLY SPIRITS Hail CleopatraMAHARAJAS Plane to ChicagoDUSTBURDS Big noise in the jungleLYDSYN Musik er nummer 1PANDORAS Hot generationPRIMATES OutsideFLESHTONES...
Playlist n°10 : 14 septembre 2024
FLEUR Tu m'as mise à genouJACKETS IntuitionCOURETTES Boom boom boomMAHARAJAS I'm going outWYLDE MAMMOTHS Things that betterDEADLY SPIRITS Octofuzz boundLAS RATAS SICODELICAS Algo de accionROYAL FLARES PaisleyKALEIDOSCOPE ColoursKALEIDOSCOPE Hang outHUNGER Mind...
Special show : Neo Psychedelia Special #4
United State of existence Return to psychedelic (intro)ORANGE ALABASTER MUSHROOM Crazy murrayDEMENTIA 13 It's Awfully Nice Of YouRHUBARB TRIANGLE Wakefield City BluesHOOVERIII Stone manMR. ELEVATOR & The Brain Hotel NicoRAIN PARADE This Can't Be TodayMAGNETIC MIND...
Special show : Neo Psychedelia Special #3
BALL Fyre balls (intro)OUTSKIRTS OF INFINITY In The Garden Of The MysticDUKES OF STRATOSPHEAR My love explodesKIKAGAKU MOYO Streets of CalcuttaBAD LIQUOR POND SkylabSUN DIAL Exploding in your mind (colour mix)BURNIN' RAIN Look In My MirrorTIMOTHY EERIE Acid lakePOLSKA...
Special show : Neo Psychedelia Special #2
HASHISH Smoke of Hashish (intro)TRAUM Sunshine SongVIETNAM VETERANS Southern ConfortVIBRAVOID No silver birdMAGNIFICENT BROTHERHOOD MindgarageLIQUID VISIONS MoonspellWANDS Sounds of the machineDRAGONTEARS No salvationDALAÏ LAMA RAMA FA FA FA You make me crazyWORD OF...
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
%