Style guide light

 

 

TEXTES


Voici votre surtitre

Voici votre titre H1

Voici votre titre H2

Voici votre titre H3

Voici votre titre H4

Voici votre titre H5
Voici votre titre H6

Ce texte est un heroTitle

Voici votre paragraphe – Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.

Voici un texte en small.

Voici une citation en blockquote. Ut enim ad minim veniam, quis nostrud exercitation.

BOUTONS & ICONS


5
  • $
    réalisés en France
  • $
    sous 48h
  • $
    incluse

Text Link

BANNIERE PRINCIPALE


Votre Titre Ici

Votre sous titre

Votre contenu va ici. Modifiez ou supprimez ce texte en ligne ou dans les paramètres Contenu du module. Vous pouvez également styliser chaque aspect de ce contenu dans les paramètres Design du module et même appliquer du CSS personnalisé à ce texte dans les paramètres Avancés du module.

Allan-Lipsker - Moyenne

RÉSUMÉS (BLURBS)

n

Blurb avec icône

Variante avec icône Divi. L’icône s’affiche en haut, au-dessus du titre. Choisissez parmi la bibliothèque d’icônes Divi pour illustrer vos messages.

Blurb avec icône clicable

Variante avec icône Divi. L’icône s’affiche en haut, au-dessus du titre. Choisissez parmi la bibliothèque d’icônes Divi pour illustrer vos messages.

(

Blurb icône à gauche

L’icône se place à gauche du texte. Format compact, idéal pour des listes de caractéristiques ou des avantages courts.

Blurb gauche clicable

On peut empiler plusieurs blurbs à gauche dans une même colonne pour créer une liste structurée et visuellement cohérente.

Blurb avec image

Le blurb combine une image ou icône avec un titre et un texte. Idéal pour présenter des services, avantages ou fonctionnalités de manière visuelle.

Blurb avec image clicable

Le blurb combine une image ou icône avec un titre et un texte. Idéal pour présenter des services, avantages ou fonctionnalités de manière visuelle.

Blurb avec image à gauche

Le blurb combine une image ou icône avec un titre et un texte. Idéal pour présenter des services, avantages ou fonctionnalités de manière visuelle.

Blurb avec image à gauche clicable

Le blurb combine une image ou icône avec un titre et un texte. Idéal pour présenter des services, avantages ou fonctionnalités de manière visuelle.

Blurb avec image class icon

Le blurb combine une image ou icône avec un titre et un texte. Idéal pour présenter des services, avantages ou fonctionnalités de manière visuelle.

Blurb avec image class icon clicable

Le blurb combine une image ou icône avec un titre et un texte. Idéal pour présenter des services, avantages ou fonctionnalités de manière visuelle.

Blurb avec image à gauche class icon

Le blurb combine une image ou icône avec un titre et un texte. Idéal pour présenter des services, avantages ou fonctionnalités de manière visuelle.

Blurb avec image à gauche class icon clicable

Le blurb combine une image ou icône avec un titre et un texte. Idéal pour présenter des services, avantages ou fonctionnalités de manière visuelle.

n

Blurb avec icône cardBox

Variante avec icône Divi. L’icône s’affiche en haut, au-dessus du titre. Choisissez parmi la bibliothèque d’icônes Divi pour illustrer vos messages.

n

Blurb avec icône à gauche cardBox

Variante avec icône Divi. L’icône s’affiche en haut, au-dessus du titre. Choisissez parmi la bibliothèque d’icônes Divi pour illustrer vos messages.

Blurb avec image cardBox

Le blurb combine une image ou icône avec un titre et un texte. Idéal pour présenter des services, avantages ou fonctionnalités de manière visuelle.

Blurb avec image à gauche cardBox

Le blurb combine une image ou icône avec un titre et un texte. Idéal pour présenter des services, avantages ou fonctionnalités de manière visuelle.

Blurb avec image class icon cardBox

Le blurb combine une image ou icône avec un titre et un texte. Idéal pour présenter des services, avantages ou fonctionnalités de manière visuelle.

TOGGLE & ACCORDEONS


Comment fonctionne le toggle ?

Le toggle permet d’afficher ou masquer du contenu au clic. Parfait pour les FAQ, les questions fréquentes ou tout contenu que l’on souhaite révéler progressivement.

Quand utiliser un toggle ?

Utilisez le toggle lorsque vous avez plusieurs blocs d’information que l’utilisateur peut consulter indépendamment. Chaque toggle s’ouvre et se ferme séparément.

Différence entre toggle et accordéon ?

Le toggle laisse plusieurs items ouverts simultanément. L’accordéon n’en garde qu’un seul ouvert à la fois, ce qui guide mieux la lecture dans certains cas.

Première question de l’accordéon

Voici la réponse détaillée. L’accordéon ferme automatiquement les autres items quand on en ouvre un nouveau, garantissant une lecture focalisée.

Deuxième question de l’accordéon

Une autre réponse complète ici. Vous pouvez y inclure du texte riche, des liens ou même des images selon vos besoins.

Troisième question de l’accordéon

Dernier élément de l’accordéon. Idéal pour les pages de prix, les FAQs produit ou les rubriques d’aide.

APPEL D’ACTION


Votre Titre Ici

Votre contenu va ici. Modifiez ou supprimez ce texte en ligne ou dans les paramètres Contenu du module. Vous pouvez également styliser chaque aspect de ce contenu dans les paramètres Design du module et même appliquer du CSS personnalisé à ce texte dans les paramètres Avancés du module.

AUDIO


Votre Titre Ici

par Nom De L’artiste | Album de l’année

CONNEXION


CARROUSEL DE GROUPE


DIVI GEAR CAROUSEL


DIVI GEAR CAROUSEL – CLICABLE


DIVI GEAR CAROUSEL – ICON


DIVI GEAR CAROUSEL – ICON CLICABLE


DIVI GEAR CAROUSEL LOGO FULL WIDTH 


CARROUSEL DG – RIGHT


BLOG


Article 2

Article 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum, turpis eget tincidunt tristique, arcu urna eleifend enim, ut volutpat massa est nec augue. Ut molestie nisi vulputate purus faucibus facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing…

Article 1

Article 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum, turpis eget tincidunt tristique, arcu urna eleifend enim, ut volutpat massa est nec augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum, turpis eget tincidunt…

CURSEUR DE POSTS – et_pb_post_slider


Article 3

Article 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum, turpis eget tincidunt tristique, arcu urna eleifend enim, ut volutpat massa est nec augue. Ut molestie nisi vulputate purus faucibus facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing…

Article 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum, turpis eget tincidunt tristique, arcu urna eleifend enim, ut volutpat massa est nec augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum, turpis eget tincidunt…

couple-bordeaux

Votre Titre Ici

Votre contenu va ici. Modifiez ou supprimez ce texte en ligne ou dans les paramètres Contenu du module. Vous pouvez également styliser chaque aspect de ce contenu dans les paramètres Design du module et même appliquer du CSS personnalisé à ce texte dans les paramètres Avancés du module.

FORMULAIRE


GALERIE


IMAGE


couple-bordeaux

IMAGE AVANT / APRES


ONGLETS


Contenu du premier onglet. Les onglets permettent d’organiser des informations en catégories accessibles sans quitter la page. Idéal pour présenter des offres, des caractéristiques ou des étapes.

Contenu du deuxième onglet. L’utilisateur peut naviguer librement entre les onglets sans rechargement de page, ce qui améliore l’expérience et la lisibilité du contenu.

Contenu du troisième onglet. On peut y mettre du texte, des listes, des images ou même d’autres modules Divi selon les besoins du projet.

PERSONNE


John DOE

John DOE

Directrice artistique

Spécialiste en design d’expérience, Marie accompagne les marques dans la création d’identités visuelles fortes et cohérentes.

tableau des tarifs


Titre du post


Style guide light

par default | Mai 19, 2026

TÉMOIGNAGES


Une équipe exceptionnelle, à l’écoute et très professionnelle. Le résultat a dépassé toutes nos attentes. Je recommande sans hésitation !

John DOE
Dirigeant, Drakmaker

Breadcrumb


Table des matières


Table des matières

VIDÉOS


TIMELINE


Jan 2026

Timeline event title

Votre contenu va ici. Modifiez ou supprimez ce texte en ligne ou dans les paramètres Contenu du module. Vous pouvez également styliser chaque aspect de ce contenu dans les paramètres Design du module et même appliquer du CSS personnalisé à ce texte dans les paramètres Avancés du module.

Jan 2026

Timeline event title

Votre contenu va ici. Modifiez ou supprimez ce texte en ligne ou dans les paramètres Contenu du module. Vous pouvez également styliser chaque aspect de ce contenu dans les paramètres Design du module et même appliquer du CSS personnalisé à ce texte dans les paramètres Avancés du module.

Jan 2026

Timeline event title

Votre contenu va ici. Modifiez ou supprimez ce texte en ligne ou dans les paramètres Contenu du module. Vous pouvez également styliser chaque aspect de ce contenu dans les paramètres Design du module et même appliquer du CSS personnalisé à ce texte dans les paramètres Avancés du module.

Jan 2026

Timeline event title

Votre contenu va ici. Modifiez ou supprimez ce texte en ligne ou dans les paramètres Contenu du module. Vous pouvez également styliser chaque aspect de ce contenu dans les paramètres Design du module et même appliquer du CSS personnalisé à ce texte dans les paramètres Avancés du module.

Jan 2026

Timeline event title

Votre contenu va ici. Modifiez ou supprimez ce texte en ligne ou dans les paramètres Contenu du module. Vous pouvez également styliser chaque aspect de ce contenu dans les paramètres Design du module et même appliquer du CSS personnalisé à ce texte dans les paramètres Avancés du module.

Jan 2026

Timeline event title

Votre contenu va ici. Modifiez ou supprimez ce texte en ligne ou dans les paramètres Contenu du module. Vous pouvez également styliser chaque aspect de ce contenu dans les paramètres Design du module et même appliquer du CSS personnalisé à ce texte dans les paramètres Avancés du module.

Prendre rendez-vous

Lorem ipsum dolor sit amet, consectetur adipiscing elit.Proin vestibulum, arcu feugiat hendrerit commodo, dui dolor mattis nunc, id fringilla eros tortor vitae sem.

Prendre contact

Votre Titre Ici

Votre contenu va ici. Modifiez ou supprimez ce texte en ligne ou dans les paramètres Contenu du module. Vous pouvez également styliser chaque aspect de ce contenu dans les paramètres Design du module et même appliquer du CSS personnalisé à ce texte dans les paramètres Avancés du module.