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
Panama’s “Off the Radar” Beach Communities: A hidden Real Estate gem
Retirees, working expats, and locals, have long sought after Panama’s beach communities as the ideal place to live both full-time and part time. In recent years, and especially today, many of these communities are going through a major Real Estate boom. This is great...
Panama Canal locks arrive in country. New convention center is back on track. And death means life in the rainforest – Weekly News Roundup, Nov. 14th.
Welcome to the Panama Weekly News Roundup! The last shipment of Canal locks have finally arrived, and construction is pushing forward. Death means more life in the rain forest. And Panama’s latest planned convention center is back on target. Here’s the latest. Last...
Learning Spanish in Panama: A basic guide for newcomers
For many people coming to work or retire in Panama, there may be a bit of a culture shock in the beginning. It’s hard to imagine with how modern, and fast-growing the city is, combined with its international style and reputation. But the main reason people feel a bit...
Panama’s independence holidays begin. Panama looks ripe for investment. And, relations with Colombia are complicated – Weekly News Roundup, Nov. 7th.
Welcome to the Panama Weekly News Roundup. Panama celebrates its month of independence holidays. The time to invest is NOW. And, we look at the complicated relationship with Colombia. Here’s the latest. Panama Celebrates Independence Holidays This month marks the...
Fiestas Patrias: Panama celebrates its history all through November
Panama is a very proud country, and like any country, loves to celebrate its independence, and recognize its history. But Panama, in a way, is unique in how they celebrate. Most of their national holidays are in the month of November. Paired with Christmas in...
Colombia and Panama Settle Tax Dispute, But Relations Still Not 100%
Earlier this month, economic relations between Colombia and Panama became tense after Colombia threatened to put Panama on their so-called “tax haven” list. The list, which Colombia uses as a basis for financial transparency, is comprised of countries who either don’t...
Canal tourism sets record. Panama-Colombia ferry now open – Weekly News Roundup, October 31st.
Welcome to the Panama Weekly News Roundup! Panama Canal has banner year. Local artist wins global prize, and the trans-continental ferry opens for business. Here’s the latest. Panama Canal has banner year for tourism, drawing in nearly 1 million visitors. The Canal...
Panama and Colombia Mend Relations. Panama Takes Drastic Steps on Ebola. And Panama is Fast Becoming a Runners’ Destination – Weekly News Roundup, October 24th.
Welcome to the Panama Weekly News Roundup! This week, Panama and Colombia come to terms over tax status. The Biomuseo gets some great press. Panama is on the map for runners. And Panama takes drastic measures to prevent Ebola. Here’s the latest. Biomuseo...
Colombia-Panama Ferry Finally Opens for Business
Getting from Colombia to Panama by land, and vice versa, is nearly impossible. In fact, it’s probably one of the hardest crossings on earth. If you want to cross the continent, you need to either fly, or take a boat. The problem is, both have been rather expensive,...
Panama talks tough with Colombia. The Canal may be way over budget. And the “melting pot” becomes a thing of the past. Weekly News Roundup, October 17th.
Welcome to the Panama Weekly News Roundup! This week, Hertz announces implementing large-scale equipment rental to construction companies in Panama. A hard deadline is set for Colombia to rescind its “tax haven” label. Panama gets rid of the “Crisol de Razas”, and the...
Panama’s “Off the Radar” Beach Communities: A hidden Real Estate gem
Retirees, working expats, and locals, have long sought after Panama’s beach communities as the ideal place to live both full-time and part time. In recent years, and especially today, many of these communities are going through a major Real Estate boom. This is great...
Panama Canal locks arrive in country. New convention center is back on track. And death means life in the rainforest – Weekly News Roundup, Nov. 14th.
Welcome to the Panama Weekly News Roundup! The last shipment of Canal locks have finally arrived, and construction is pushing forward. Death means more life in the rain forest. And Panama’s latest planned convention center is back on target. Here’s the latest. Last...
Learning Spanish in Panama: A basic guide for newcomers
For many people coming to work or retire in Panama, there may be a bit of a culture shock in the beginning. It’s hard to imagine with how modern, and fast-growing the city is, combined with its international style and reputation. But the main reason people feel a bit...
Panama’s independence holidays begin. Panama looks ripe for investment. And, relations with Colombia are complicated – Weekly News Roundup, Nov. 7th.
Welcome to the Panama Weekly News Roundup. Panama celebrates its month of independence holidays. The time to invest is NOW. And, we look at the complicated relationship with Colombia. Here’s the latest. Panama Celebrates Independence Holidays This month marks the...
Fiestas Patrias: Panama celebrates its history all through November
Panama is a very proud country, and like any country, loves to celebrate its independence, and recognize its history. But Panama, in a way, is unique in how they celebrate. Most of their national holidays are in the month of November. Paired with Christmas in...
Colombia and Panama Settle Tax Dispute, But Relations Still Not 100%
Earlier this month, economic relations between Colombia and Panama became tense after Colombia threatened to put Panama on their so-called “tax haven” list. The list, which Colombia uses as a basis for financial transparency, is comprised of countries who either don’t...
Canal tourism sets record. Panama-Colombia ferry now open – Weekly News Roundup, October 31st.
Welcome to the Panama Weekly News Roundup! Panama Canal has banner year. Local artist wins global prize, and the trans-continental ferry opens for business. Here’s the latest. Panama Canal has banner year for tourism, drawing in nearly 1 million visitors. The Canal...
Panama and Colombia Mend Relations. Panama Takes Drastic Steps on Ebola. And Panama is Fast Becoming a Runners’ Destination – Weekly News Roundup, October 24th.
Welcome to the Panama Weekly News Roundup! This week, Panama and Colombia come to terms over tax status. The Biomuseo gets some great press. Panama is on the map for runners. And Panama takes drastic measures to prevent Ebola. Here’s the latest. Biomuseo...
Colombia-Panama Ferry Finally Opens for Business
Getting from Colombia to Panama by land, and vice versa, is nearly impossible. In fact, it’s probably one of the hardest crossings on earth. If you want to cross the continent, you need to either fly, or take a boat. The problem is, both have been rather expensive,...
Panama talks tough with Colombia. The Canal may be way over budget. And the “melting pot” becomes a thing of the past. Weekly News Roundup, October 17th.
Welcome to the Panama Weekly News Roundup! This week, Hertz announces implementing large-scale equipment rental to construction companies in Panama. A hard deadline is set for Colombia to rescind its “tax haven” label. Panama gets rid of the “Crisol de Razas”, and the...
Panama’s “Off the Radar” Beach Communities: A hidden Real Estate gem
Retirees, working expats, and locals, have long sought after Panama’s beach communities as the ideal place to live both full-time and part time. In recent years, and especially today, many of these communities are going through a major Real Estate boom. This is great...
Panama Canal locks arrive in country. New convention center is back on track. And death means life in the rainforest – Weekly News Roundup, Nov. 14th.
Welcome to the Panama Weekly News Roundup! The last shipment of Canal locks have finally arrived, and construction is pushing forward. Death means more life in the rain forest. And Panama’s latest planned convention center is back on target. Here’s the latest. Last...
Learning Spanish in Panama: A basic guide for newcomers
For many people coming to work or retire in Panama, there may be a bit of a culture shock in the beginning. It’s hard to imagine with how modern, and fast-growing the city is, combined with its international style and reputation. But the main reason people feel a bit...
Panama’s independence holidays begin. Panama looks ripe for investment. And, relations with Colombia are complicated – Weekly News Roundup, Nov. 7th.
Welcome to the Panama Weekly News Roundup. Panama celebrates its month of independence holidays. The time to invest is NOW. And, we look at the complicated relationship with Colombia. Here’s the latest. Panama Celebrates Independence Holidays This month marks the...
Fiestas Patrias: Panama celebrates its history all through November
Panama is a very proud country, and like any country, loves to celebrate its independence, and recognize its history. But Panama, in a way, is unique in how they celebrate. Most of their national holidays are in the month of November. Paired with Christmas in...
Colombia and Panama Settle Tax Dispute, But Relations Still Not 100%
Earlier this month, economic relations between Colombia and Panama became tense after Colombia threatened to put Panama on their so-called “tax haven” list. The list, which Colombia uses as a basis for financial transparency, is comprised of countries who either don’t...
Canal tourism sets record. Panama-Colombia ferry now open – Weekly News Roundup, October 31st.
Welcome to the Panama Weekly News Roundup! Panama Canal has banner year. Local artist wins global prize, and the trans-continental ferry opens for business. Here’s the latest. Panama Canal has banner year for tourism, drawing in nearly 1 million visitors. The Canal...
Panama and Colombia Mend Relations. Panama Takes Drastic Steps on Ebola. And Panama is Fast Becoming a Runners’ Destination – Weekly News Roundup, October 24th.
Welcome to the Panama Weekly News Roundup! This week, Panama and Colombia come to terms over tax status. The Biomuseo gets some great press. Panama is on the map for runners. And Panama takes drastic measures to prevent Ebola. Here’s the latest. Biomuseo...
Colombia-Panama Ferry Finally Opens for Business
Getting from Colombia to Panama by land, and vice versa, is nearly impossible. In fact, it’s probably one of the hardest crossings on earth. If you want to cross the continent, you need to either fly, or take a boat. The problem is, both have been rather expensive,...
Panama talks tough with Colombia. The Canal may be way over budget. And the “melting pot” becomes a thing of the past. Weekly News Roundup, October 17th.
Welcome to the Panama Weekly News Roundup! This week, Hertz announces implementing large-scale equipment rental to construction companies in Panama. A hard deadline is set for Colombia to rescind its “tax haven” label. Panama gets rid of the “Crisol de Razas”, and the...