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.
John Dwyer, Osees le groupe aux multiples noms et à la discographie foisonnante
Plongez dans l’univers gargantuesque et survolté de John Dwyer et de ses Osees, figures de proue du garage rock moderne. De mutation en mutation, le groupe perpétue l’esprit subversif des années 60 avec une urgence implacable.
Du Pacifique Nord aux caves contemporaines : la longue marche du garage punk
Plongee au coeur de l’histoire du garage punk, de ses racines dans le Nord-Ouest americain des annees 1960 jusqu’aux souterrains bouillonnants de la scene actuelle. Un voyage electrique balise par les orgues Farfisa, les guitares saturees et une urgence intacte.
The Sonics : La furie brute de Tacoma et le brasier éternel du garage punk
Milieu des 60’s, The Sonics ont fait exploser les compteurs du rock américain depuis leur fief de Tacoma. Leur son décapant et leur fureur primale continuent d’alimenter le brasier de la scène garage punk actuelle.
Playlist : 19 septembre 2026 n°49
CRAMPS Twist & ShoutTIGER BOMB Long long timeTHINGZ Cryptid casinoTHEE OUTLETS Isy a très froidCRYSTAL TEARDROP It's too lateIFIC Never going backHOWLIN' JAWS Troubled mindHEAVENLY BODES Faux pillarsSTONE GARDEN Oceans inside me (45t version)SOUND BARRIER My...
Playlist : 04 juillet 2026 – BEST OF ALBUMS / SINGLES – n°48
GRUESOMES You're outta luckSMOGGERS Please never changeFALKEN'S MAZE Upside down townRENCARDS La boite à malicesVIOLET MINDFIELD Something somethingVIPERS How About Some MoreWYLD GOOMS Hubba BubbaMOLOTOVS Get a lifeMAHARAJAS Broken TellerFEMUR Be a cavemanFADEAWAYS...
Playlist : 20 juin 2026 n°47
BAD BEATS Je chercheKILLING FLOORS No quierro nadaCORAL FUZZ Beach GhostMOURNIN' AFTER Take Love Then She's GoneKEES Glad To Have Met YouTHEE BRINKS Paintin' my faceDATURA 4 On the reboundDREAMWAVE Murmures on the dunesSURVIVAL The world is a bombLAGHONIA GlueJACK...
Playlist : samedi 06 juin 2026 n°46
MUCK & THE MIRES It's gonna be alrightTRANSISTORS SubmundoKILLING FLOORS I knowKING AUTOMATIC Pushin' too hardJUKEEZ Watch out!DATURA 4 The train kept a rollin'GIANT ROBOTS GoodbyeCORAL FUZZ Coral fuzzC.GRAHAM QUINTET I Can t Keep From Crying SometimesNITE...
Playlist : samedi 23 mai 2026 n°45
HIVEMINDS Diamond dropDEADLY SPIRITS Rattle queenGIANT ROBOTS Spooky signsOOMPAS LOOMPAS Jail Of ThoughtsJUKEES That beatI FENOMENI Come Si Sta LassuJACK CADES Mute the soundBAD BEATS Real thingLAGHONIA NeighborTHE 2ND COMING EvaluationWRITING ON THE WALL Mrs,...
Playlist : samedi 25 avril 2026 n°44
DEADLY SPIRITS Can't take itJACKETS Rocknroll bandHIVEMINDS Psyche's forecastOOMPAS LOOMPAS Bondage up yours !VIV & THE SECT No Me Quiero EnamorarJOAN JETT & THE BLACKHEARTS Cherry Bomb (Live)DATSUNS What's happening to me ?DREAMWAVE Seeking to remainIT'S A...
Playlist : samedi 11 avril 2026 n°43
OOMPAS LOOMPAS The Rhythym of the beatFADEAWAYS Hey little birdFEMUR Be a cavemanFEMUR Jekyll & HydeSEE NO EVILS Ivory towerSOUND REASONS Open up those eyesGREEN SEAGULL Lightning girlVIV & THE SECT Penny's arcadeVOICE The train to disasterMANDRAKE PADDLE...
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
%