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
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 Ends Privatized Metro Bus Service, Takes the Reigns
It’s been a rocky start for the Metro Bus system in Panama City, after only two years of implementation. The Metro Bus is the city’s public bus transportation system that began to replace the traditional “Diabloa Rojos” in late 2012, with a newly designed modern...
Panama signs strategic pact with Mexico, and Canal competition heats up in the US. Weekly News Roundup, October 10th.
Welcome to the Panama Weekly News Roundup! Panama ratifies strategic trade pact with Mexico. The animals are being saved from Canal Expansion. US ports compete for post-Panamax business, and Panama is labeled the “next Riviera Maya.” Here’s the latest. Ceviche, Jazz,...
Panama Nixes “Crisol de Razas” Immigration Fair; Tightens Restrictions
For many who follow politics in Panama, it was inevitable. The government has decided to shut down its bi-annual immigration fair, in order to stem the inflow of illegal immigrants, and encourage people to go through other legal venues to become residents and...
The BioMuseo Opens to the Public. A New Species of Frog is Discovered. And the Panama Film Industry is Hot. Weekly News Roundup, October 3rd.
Welcome to the Panama Weekly News Roundup! Panama’s film industry is drawing the attention of the international community. A new species of frog was discovered. And after a long wait, the BioMuseo is finally open. Here’s the latest. Panama Strives To Become A Hub For...
Panama Ranked #1 in Global Well-Being Poll
In Panama, being happy and having a positive outlook on life is par for the course. The locals know it. The expats know it. These days, the rest of the world is taking notice too. In a recent poll held by Gallup, known as the Gallup-Healthways Well-Being Index, Panama...
Copa’s #1. Varela Asks for Funds. And we Show You How to Travel in Style. Weekly News Roundup, September 19th.
Welcome to the Panama Weekly News Roundup! Varela asks congress for more spending. Copa is the world’s most profitable airline. Miami is betting big on the new Canal. And we show you the best options for chartering private transportation here in Panama. Here’s the...
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 Ends Privatized Metro Bus Service, Takes the Reigns
It’s been a rocky start for the Metro Bus system in Panama City, after only two years of implementation. The Metro Bus is the city’s public bus transportation system that began to replace the traditional “Diabloa Rojos” in late 2012, with a newly designed modern...
Panama signs strategic pact with Mexico, and Canal competition heats up in the US. Weekly News Roundup, October 10th.
Welcome to the Panama Weekly News Roundup! Panama ratifies strategic trade pact with Mexico. The animals are being saved from Canal Expansion. US ports compete for post-Panamax business, and Panama is labeled the “next Riviera Maya.” Here’s the latest. Ceviche, Jazz,...
Panama Nixes “Crisol de Razas” Immigration Fair; Tightens Restrictions
For many who follow politics in Panama, it was inevitable. The government has decided to shut down its bi-annual immigration fair, in order to stem the inflow of illegal immigrants, and encourage people to go through other legal venues to become residents and...
The BioMuseo Opens to the Public. A New Species of Frog is Discovered. And the Panama Film Industry is Hot. Weekly News Roundup, October 3rd.
Welcome to the Panama Weekly News Roundup! Panama’s film industry is drawing the attention of the international community. A new species of frog was discovered. And after a long wait, the BioMuseo is finally open. Here’s the latest. Panama Strives To Become A Hub For...
Panama Ranked #1 in Global Well-Being Poll
In Panama, being happy and having a positive outlook on life is par for the course. The locals know it. The expats know it. These days, the rest of the world is taking notice too. In a recent poll held by Gallup, known as the Gallup-Healthways Well-Being Index, Panama...
Copa’s #1. Varela Asks for Funds. And we Show You How to Travel in Style. Weekly News Roundup, September 19th.
Welcome to the Panama Weekly News Roundup! Varela asks congress for more spending. Copa is the world’s most profitable airline. Miami is betting big on the new Canal. And we show you the best options for chartering private transportation here in Panama. Here’s the...
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 Ends Privatized Metro Bus Service, Takes the Reigns
It’s been a rocky start for the Metro Bus system in Panama City, after only two years of implementation. The Metro Bus is the city’s public bus transportation system that began to replace the traditional “Diabloa Rojos” in late 2012, with a newly designed modern...
Panama signs strategic pact with Mexico, and Canal competition heats up in the US. Weekly News Roundup, October 10th.
Welcome to the Panama Weekly News Roundup! Panama ratifies strategic trade pact with Mexico. The animals are being saved from Canal Expansion. US ports compete for post-Panamax business, and Panama is labeled the “next Riviera Maya.” Here’s the latest. Ceviche, Jazz,...
Panama Nixes “Crisol de Razas” Immigration Fair; Tightens Restrictions
For many who follow politics in Panama, it was inevitable. The government has decided to shut down its bi-annual immigration fair, in order to stem the inflow of illegal immigrants, and encourage people to go through other legal venues to become residents and...
The BioMuseo Opens to the Public. A New Species of Frog is Discovered. And the Panama Film Industry is Hot. Weekly News Roundup, October 3rd.
Welcome to the Panama Weekly News Roundup! Panama’s film industry is drawing the attention of the international community. A new species of frog was discovered. And after a long wait, the BioMuseo is finally open. Here’s the latest. Panama Strives To Become A Hub For...
Panama Ranked #1 in Global Well-Being Poll
In Panama, being happy and having a positive outlook on life is par for the course. The locals know it. The expats know it. These days, the rest of the world is taking notice too. In a recent poll held by Gallup, known as the Gallup-Healthways Well-Being Index, Panama...
Copa’s #1. Varela Asks for Funds. And we Show You How to Travel in Style. Weekly News Roundup, September 19th.
Welcome to the Panama Weekly News Roundup! Varela asks congress for more spending. Copa is the world’s most profitable airline. Miami is betting big on the new Canal. And we show you the best options for chartering private transportation here in Panama. Here’s the...