Framework
Global Presets UI Style Guide
01. Color palette
In this part of the style guide, you can modify each color inside the Text Module’s background settings. Use that same color code inside the Text Module below it to have a written version of the color code too. Use these color codes inside your Divi Theme Builder default color palette afterward.
#FFFFFF
#F9F9F9
#f2f2f2
#e0e0e0
#444444
#000000
#F9F9F9
#e0e0e0
#444444
#000000
02. Text styles
In the second part of this style guide wireframe, you can style your different text types. You’re also provided with a primary, secondary and tertiary option, each of which you can afterwards turn into individual presets.
Primary
Secondary
Tertiary
Heading 1
Heading 1
Heading 1
Heading 1
Heading 2
Heading 2
Heading 2
Heading 2
Heading 3
Heading 3
Heading 3
Heading 3
Heading 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
Certificat cadeaux de l’eid
Vous cherchez le cadeau parfait? Ne cherchez plus ! Karama Solidarity vous propose une idée originale : offrez à un être cher la plantation d'un olivier au Maroc en son nom et recevez un certificat personnalisé à lui offrir. Pour seulement 9€, vous pouvez offrir une...
Éthiopie : redonner vie à la santé
Il suffit parfois de quelques murs restaurés, d’un lit propre, de personnel formé… pour que des milliers de vies changent de trajectoire. Dans le district d’Ewa, en Éthiopie, 24 989 personnes ont vu leur accès aux soins se transformer. Des femmes enceintes mieux...
Kenya – Ensemble, donnons…
Dans le comté de Tana River, au Kenya, moins de 20 % de la population a accès à l’électricité. Chaque jour, des milliers de familles dépendent encore du kérosène, du charbon ou du bois de chauffe pour s’éclairer et cuisiner. Ces énergies coûteuses et nocives épuisent...
Gaza: 500 prothèses pour les réfugiés
Au-delà des dizaines de milliers de vies fauchées, la guerre à Gaza a laissé derrière elle plus de 111 000 blessés.Parmi eux, 500 réfugiés amputés survivent aujourd’hui au Caire, loin de chez eux, privés des soins prothétiques indispensables pour retrouver leur...
Bangladesh – Redonner espoir aux pêcheurs les plus vulnérables
Dans le sud du Bangladesh, dans la région de Khulna, des centaines de familles vivent de la pêche artisanale. Ce sont des hommes et des femmes courageux, qui affrontent chaque jour les tempêtes, les marées, la dette et la faim, simplement pour nourrir leurs enfants....
Mali : de la survie à l’autonomie grâce à votre soutien
Au Mali, la pauvreté s’est aggravée ces dernières années à cause des conflits armés, des déplacements de population et des catastrophes climatiques. Ces crises ont frappé de plein fouet les familles les plus vulnérables : veuves, orphelins, jeunes sans emploi. Dans la...
Niger : Une école pour 1 500 enfants : votre sadaqa jâriya commence ici
À Niamey, capitale du Niger, des centaines d’enfants poursuivent leur scolarité dans des conditions que beaucoup jugeraient inacceptables. L’école CES Lossogoungou accueille plus de 1 500 élèves chaque jour. Parmi eux, des filles, des enfants en situation de handicap,...
Niger: Là où la faim s’installait, vous avez semé l’espérance
« Vous avez changé nos vies et offert un avenir plus sain à nos enfants. Que Dieu vous récompense. » Les paroles d’une mère au cœur du changement au Niger. Un jardin, quelques poules, un accès à l’eau potable... et tout peut changer. Dans un petit village du Niger,...
Offre d’emploi : marketer digital
Découvrez notre nouvelle opportunité professionnelle chez Karama Solidarity ! Karama Solidarity recherche un(e) marketer digital - Community Manager (FR) dans le cadre d’un remplacement temporaire.Vous contribuerez à la gestion et au développement de nos réseaux...
L’impact de votre générosité en Ethiopie
Dans la région de Dekasuftu, en Ethiopie, la vie de nombreuses communautés d'éleveurs vulnérables était en danger en raison d'une sécheresse prolongée, d'hyperinflation, de conflits et d'inondations. Ces populations se trouvaient dans une situation de crise...
Certificat cadeaux de l’eid
Vous cherchez le cadeau parfait? Ne cherchez plus ! Karama Solidarity vous propose une idée originale : offrez à un être cher la plantation d'un olivier au Maroc en son nom et recevez un certificat personnalisé à lui offrir. Pour seulement 9€, vous pouvez offrir une...
Éthiopie : redonner vie à la santé
Il suffit parfois de quelques murs restaurés, d’un lit propre, de personnel formé… pour que des milliers de vies changent de trajectoire. Dans le district d’Ewa, en Éthiopie, 24 989 personnes ont vu leur accès aux soins se transformer. Des femmes enceintes mieux...
Kenya – Ensemble, donnons…
Dans le comté de Tana River, au Kenya, moins de 20 % de la population a accès à l’électricité. Chaque jour, des milliers de familles dépendent encore du kérosène, du charbon ou du bois de chauffe pour s’éclairer et cuisiner. Ces énergies coûteuses et nocives épuisent...
Gaza: 500 prothèses pour les réfugiés
Au-delà des dizaines de milliers de vies fauchées, la guerre à Gaza a laissé derrière elle plus de 111 000 blessés.Parmi eux, 500 réfugiés amputés survivent aujourd’hui au Caire, loin de chez eux, privés des soins prothétiques indispensables pour retrouver leur...
Bangladesh – Redonner espoir aux pêcheurs les plus vulnérables
Dans le sud du Bangladesh, dans la région de Khulna, des centaines de familles vivent de la pêche artisanale. Ce sont des hommes et des femmes courageux, qui affrontent chaque jour les tempêtes, les marées, la dette et la faim, simplement pour nourrir leurs enfants....
Mali : de la survie à l’autonomie grâce à votre soutien
Au Mali, la pauvreté s’est aggravée ces dernières années à cause des conflits armés, des déplacements de population et des catastrophes climatiques. Ces crises ont frappé de plein fouet les familles les plus vulnérables : veuves, orphelins, jeunes sans emploi. Dans la...
Niger : Une école pour 1 500 enfants : votre sadaqa jâriya commence ici
À Niamey, capitale du Niger, des centaines d’enfants poursuivent leur scolarité dans des conditions que beaucoup jugeraient inacceptables. L’école CES Lossogoungou accueille plus de 1 500 élèves chaque jour. Parmi eux, des filles, des enfants en situation de handicap,...
Niger: Là où la faim s’installait, vous avez semé l’espérance
« Vous avez changé nos vies et offert un avenir plus sain à nos enfants. Que Dieu vous récompense. » Les paroles d’une mère au cœur du changement au Niger. Un jardin, quelques poules, un accès à l’eau potable... et tout peut changer. Dans un petit village du Niger,...
Offre d’emploi : marketer digital
Découvrez notre nouvelle opportunité professionnelle chez Karama Solidarity ! Karama Solidarity recherche un(e) marketer digital - Community Manager (FR) dans le cadre d’un remplacement temporaire.Vous contribuerez à la gestion et au développement de nos réseaux...
L’impact de votre générosité en Ethiopie
Dans la région de Dekasuftu, en Ethiopie, la vie de nombreuses communautés d'éleveurs vulnérables était en danger en raison d'une sécheresse prolongée, d'hyperinflation, de conflits et d'inondations. Ces populations se trouvaient dans une situation de crise...
Certificat cadeaux de l’eid
Vous cherchez le cadeau parfait? Ne cherchez plus ! Karama Solidarity vous propose une idée originale : offrez à un être cher la plantation d'un olivier au Maroc en son nom et recevez un certificat personnalisé à lui offrir. Pour seulement 9€, vous pouvez offrir une...
Éthiopie : redonner vie à la santé
Il suffit parfois de quelques murs restaurés, d’un lit propre, de personnel formé… pour que des milliers de vies changent de trajectoire. Dans le district d’Ewa, en Éthiopie, 24 989 personnes ont vu leur accès aux soins se transformer. Des femmes enceintes mieux...
Kenya – Ensemble, donnons…
Dans le comté de Tana River, au Kenya, moins de 20 % de la population a accès à l’électricité. Chaque jour, des milliers de familles dépendent encore du kérosène, du charbon ou du bois de chauffe pour s’éclairer et cuisiner. Ces énergies coûteuses et nocives épuisent...
Gaza: 500 prothèses pour les réfugiés
Au-delà des dizaines de milliers de vies fauchées, la guerre à Gaza a laissé derrière elle plus de 111 000 blessés.Parmi eux, 500 réfugiés amputés survivent aujourd’hui au Caire, loin de chez eux, privés des soins prothétiques indispensables pour retrouver leur...
Bangladesh – Redonner espoir aux pêcheurs les plus vulnérables
Dans le sud du Bangladesh, dans la région de Khulna, des centaines de familles vivent de la pêche artisanale. Ce sont des hommes et des femmes courageux, qui affrontent chaque jour les tempêtes, les marées, la dette et la faim, simplement pour nourrir leurs enfants....
Mali : de la survie à l’autonomie grâce à votre soutien
Au Mali, la pauvreté s’est aggravée ces dernières années à cause des conflits armés, des déplacements de population et des catastrophes climatiques. Ces crises ont frappé de plein fouet les familles les plus vulnérables : veuves, orphelins, jeunes sans emploi. Dans la...
Niger : Une école pour 1 500 enfants : votre sadaqa jâriya commence ici
À Niamey, capitale du Niger, des centaines d’enfants poursuivent leur scolarité dans des conditions que beaucoup jugeraient inacceptables. L’école CES Lossogoungou accueille plus de 1 500 élèves chaque jour. Parmi eux, des filles, des enfants en situation de handicap,...
Niger: Là où la faim s’installait, vous avez semé l’espérance
« Vous avez changé nos vies et offert un avenir plus sain à nos enfants. Que Dieu vous récompense. » Les paroles d’une mère au cœur du changement au Niger. Un jardin, quelques poules, un accès à l’eau potable... et tout peut changer. Dans un petit village du Niger,...
Offre d’emploi : marketer digital
Découvrez notre nouvelle opportunité professionnelle chez Karama Solidarity ! Karama Solidarity recherche un(e) marketer digital - Community Manager (FR) dans le cadre d’un remplacement temporaire.Vous contribuerez à la gestion et au développement de nos réseaux...
L’impact de votre générosité en Ethiopie
Dans la région de Dekasuftu, en Ethiopie, la vie de nombreuses communautés d'éleveurs vulnérables était en danger en raison d'une sécheresse prolongée, d'hyperinflation, de conflits et d'inondations. Ces populations se trouvaient dans une situation de crise...
