Framework
Guide des Styles (UI)
01. Palette des couleurs
Il s’agit de définir ici une palette des couleurs (ou de niveaux de gris) ainsi que les dégradés.
#FFFFFF
#F9F9F9
#f2f2f2
#e0e0e0
#444444
#000000
#F9F9F9
#e0e0e0
#444444
#000000
02. Styles des Textes
Dans la seconde partie de ce guide des styles on définit les types de polices et leurs attributs en fonction de leur hiérarchie dans les paragraphes.
Primary
Secondary
Tertiary
Titre 1
Titre 1
Heading 1
Heading 1
Titre 2
Titre 2
Heading 2
Heading 2
Titre 3
Heading 3
Heading 3
Heading 3
Titre 4
Heading 4
Heading 4
Heading 4
Body
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
List
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
All in one
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
03. Modules
The last part of this style guide handles some of the most-used modules inside Divi. Here, we’re also providing you with a primary, secondary and tertiary version of each module which you can style and add as a global preset. Feel free to create more alternative designs for each module.
Primary
Secondary
Tertiary
Button
Blurb
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.
Email optin
Contact form
Image
Call to 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.
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.
Divider
Person
Name Goes Here
Position
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.
Name Goes Here
Position
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.
Name Goes Here
Position
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.
Social Media Follow
Toggle
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.
Testimonial
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.
Video
Accordion
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.
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
Le référencement naturel (SEO) : les clés de la visibilité en ligne
Google représente en France plus de 90 % des parts de marché des moteurs de recherche sur internet, loin devant le second, Microsoft Bing. Donc, sauf si votre activité concerne le marché russe ou asiatique, pour être visible par les internautes, il est impératif de...
Top 5 des meilleures plateformes de site marchand pour votre entreprise en ligne
Les plateformes de site marchand permettent de créer et de gérer facilement un site de commerce électronique. Elles offrent des fonctionnalités telles que la gestion des produits, le traitement des paiements, la gestion des stocks et bien plus encore. Il est donc...
Avis sur la solution de comptabilité Dougs
J'ai testé l'expert-comptable en ligne Dougs et je vous le recommandeTenir sa comptabilité à jour est une obligation légale pour certains et dans tous les cas, indispensable pour la réussite de son entreprise. Mais quand on gère une entreprise, on est souvent submergé...
Réussir la création d’une boutique en ligne
Comment réussir la création de votre boutique en ligne : Astuces et conseils pratiques Avoir une boutique en ligne réussie est devenu essentiel dans le monde du commerce moderne. Avec la croissance exponentielle du commerce électronique, il est crucial de se...
Les étapes clés pour réussir la création de votre site marchand
Avoir un site web de commerce électronique réussi est essentiel dans le monde numérique d'aujourd'hui. Que vous soyez une petite entreprise ou une grande entreprise, un site web de commerce électronique bien conçu et fonctionnel peut vous aider à atteindre de nouveaux...
JOOMLA! VS WORDPRESS
Dans le vaste univers des gestionnaires de contenu de sites internet (CMS), deux noms se distinguent depuis plusieurs années : Joomla! et WordPress. L'évolution rapide du paysage numérique a conduit l'entreprise SitesCom, spécialiste de la création de sites...
Le référencement naturel (SEO) : les clés de la visibilité en ligne
Google représente en France plus de 90 % des parts de marché des moteurs de recherche sur internet, loin devant le second, Microsoft Bing. Donc, sauf si votre activité concerne le marché russe ou asiatique, pour être visible par les internautes, il est impératif de...
Top 5 des meilleures plateformes de site marchand pour votre entreprise en ligne
Les plateformes de site marchand permettent de créer et de gérer facilement un site de commerce électronique. Elles offrent des fonctionnalités telles que la gestion des produits, le traitement des paiements, la gestion des stocks et bien plus encore. Il est donc...
Avis sur la solution de comptabilité Dougs
J'ai testé l'expert-comptable en ligne Dougs et je vous le recommandeTenir sa comptabilité à jour est une obligation légale pour certains et dans tous les cas, indispensable pour la réussite de son entreprise. Mais quand on gère une entreprise, on est souvent submergé...
Réussir la création d’une boutique en ligne
Comment réussir la création de votre boutique en ligne : Astuces et conseils pratiques Avoir une boutique en ligne réussie est devenu essentiel dans le monde du commerce moderne. Avec la croissance exponentielle du commerce électronique, il est crucial de se...
Les étapes clés pour réussir la création de votre site marchand
Avoir un site web de commerce électronique réussi est essentiel dans le monde numérique d'aujourd'hui. Que vous soyez une petite entreprise ou une grande entreprise, un site web de commerce électronique bien conçu et fonctionnel peut vous aider à atteindre de nouveaux...
JOOMLA! VS WORDPRESS
Dans le vaste univers des gestionnaires de contenu de sites internet (CMS), deux noms se distinguent depuis plusieurs années : Joomla! et WordPress. L'évolution rapide du paysage numérique a conduit l'entreprise SitesCom, spécialiste de la création de sites...
Le référencement naturel (SEO) : les clés de la visibilité en ligne
Google représente en France plus de 90 % des parts de marché des moteurs de recherche sur internet, loin devant le second, Microsoft Bing. Donc, sauf si votre activité concerne le marché russe ou asiatique, pour être visible par les internautes, il est impératif de...
Top 5 des meilleures plateformes de site marchand pour votre entreprise en ligne
Les plateformes de site marchand permettent de créer et de gérer facilement un site de commerce électronique. Elles offrent des fonctionnalités telles que la gestion des produits, le traitement des paiements, la gestion des stocks et bien plus encore. Il est donc...
Avis sur la solution de comptabilité Dougs
J'ai testé l'expert-comptable en ligne Dougs et je vous le recommandeTenir sa comptabilité à jour est une obligation légale pour certains et dans tous les cas, indispensable pour la réussite de son entreprise. Mais quand on gère une entreprise, on est souvent submergé...
Réussir la création d’une boutique en ligne
Comment réussir la création de votre boutique en ligne : Astuces et conseils pratiques Avoir une boutique en ligne réussie est devenu essentiel dans le monde du commerce moderne. Avec la croissance exponentielle du commerce électronique, il est crucial de se...
Les étapes clés pour réussir la création de votre site marchand
Avoir un site web de commerce électronique réussi est essentiel dans le monde numérique d'aujourd'hui. Que vous soyez une petite entreprise ou une grande entreprise, un site web de commerce électronique bien conçu et fonctionnel peut vous aider à atteindre de nouveaux...
JOOMLA! VS WORDPRESS
Dans le vaste univers des gestionnaires de contenu de sites internet (CMS), deux noms se distinguent depuis plusieurs années : Joomla! et WordPress. L'évolution rapide du paysage numérique a conduit l'entreprise SitesCom, spécialiste de la création de sites...