Framework
Global Presets UI Style Guide
01. Color palette
Dans cette partie du guide de style, vous pouvez modifier chaque couleur dans les paramètres d’arrière-plan du module de texte. Utilisez ce même code de couleur dans le module de texte en dessous pour avoir également une version écrite du code de couleur. Utilisez ensuite ces codes de couleur dans votre palette de couleurs par défaut Divi Theme Builder.
#042940
#E3EEF2
#D6D58E
#042940
#000000
02. Text styles
Dans la deuxième partie de ce guide de style, vous pouvez styliser vos différents types de texte. Vous disposez également d’une option principale, secondaire et tertiaire, dont chacune peut ensuite être transformée en préréglages individuels (Presets).
Primary
Secondary
Tertiary
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
List style
- Item 1
- Item 2
- Item 3
List type number
- Item 1
- Item 2
- Item 3
Paragraphe
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.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
List style
- Item 1
- Item 2
- Item 3
List type number
- Item 1
- Item 2
- Item 3
Paragraphe
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.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
List style
- Item 1
- Item 2
- Item 3
List type number
- Item 1
- Item 2
- Item 3
ParagrapheLorem 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.
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
Votre titre va ici
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.
Votre titre va ici
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.
Votre titre va ici
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 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 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 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.
Article
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus, purus dapibus consectetur tempor, erat nisi rhoncus lorem, imperdiet elementum lacus nunc sed orci. Mauris accumsan urna quis elit euismod mattis. Mauris blandit felis vel orci viverra, eu pretium...
Article
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus, purus dapibus consectetur tempor, erat nisi rhoncus lorem, imperdiet elementum lacus nunc sed orci. Mauris accumsan urna quis elit euismod mattis. Mauris blandit felis vel orci viverra, eu pretium...
Article
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus, purus dapibus consectetur tempor, erat nisi rhoncus lorem, imperdiet elementum lacus nunc sed orci. Mauris accumsan urna quis elit euismod mattis. Mauris blandit felis vel orci viverra, eu pretium...
Votre titre va ici
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.
Votre titre va ici
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.
Votre titre va ici
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.