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 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...
Panama’s Frank Gehry-Designed Biodiversity Museum Set to Open to the Public
If you’ve been to downtown Panama City near the water, there’s a good chance you’ve seen a bright, strangely shaped building in the distance. While many locals may argue on whether they like the design or not, it’s hard not to draw your attention to it. After all,...
Panama #1 in Global Well-Being Poll. The VP is in Cuba. And Panama gets it’s first Oscar nomination. Weekly News Roundup, September 19th.
Welcome to the Panama Weekly News Roundup! The latest economic statistics are in, and Panama’s growth continues. Panama was ranked #1 on a global “well-being” poll. A locally made film gets nominated for an Oscar, and the VP is in Cuba. Here’s the latest. Panama...
Panama Transportation Charter Services: How to travel private in Panama
There are many ways to get around in Panama. When it comes down to basic transportation, buses, taxis, and the subway are good options. However, when you need something more private, more spacious, and more luxurious, there are some great alternatives. While...
Panama’s culinary scene is booming. The “biomuseo” is now open. Plus, we look at Boquete for retirement -Weekly News Roundup, September 12th.
Welcome to the Panama Weekly News Roundup. This week, we look at Boquete as a premier retirement destination. We give you a taste of Panama’s top restaurants. And, the “biomuseo” is opening to the public. Here’s the latest. Expansion of Panama Canal Expected to Open...
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...
Panama’s Frank Gehry-Designed Biodiversity Museum Set to Open to the Public
If you’ve been to downtown Panama City near the water, there’s a good chance you’ve seen a bright, strangely shaped building in the distance. While many locals may argue on whether they like the design or not, it’s hard not to draw your attention to it. After all,...
Panama #1 in Global Well-Being Poll. The VP is in Cuba. And Panama gets it’s first Oscar nomination. Weekly News Roundup, September 19th.
Welcome to the Panama Weekly News Roundup! The latest economic statistics are in, and Panama’s growth continues. Panama was ranked #1 on a global “well-being” poll. A locally made film gets nominated for an Oscar, and the VP is in Cuba. Here’s the latest. Panama...
Panama Transportation Charter Services: How to travel private in Panama
There are many ways to get around in Panama. When it comes down to basic transportation, buses, taxis, and the subway are good options. However, when you need something more private, more spacious, and more luxurious, there are some great alternatives. While...
Panama’s culinary scene is booming. The “biomuseo” is now open. Plus, we look at Boquete for retirement -Weekly News Roundup, September 12th.
Welcome to the Panama Weekly News Roundup. This week, we look at Boquete as a premier retirement destination. We give you a taste of Panama’s top restaurants. And, the “biomuseo” is opening to the public. Here’s the latest. Expansion of Panama Canal Expected to Open...
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...
Panama’s Frank Gehry-Designed Biodiversity Museum Set to Open to the Public
If you’ve been to downtown Panama City near the water, there’s a good chance you’ve seen a bright, strangely shaped building in the distance. While many locals may argue on whether they like the design or not, it’s hard not to draw your attention to it. After all,...
Panama #1 in Global Well-Being Poll. The VP is in Cuba. And Panama gets it’s first Oscar nomination. Weekly News Roundup, September 19th.
Welcome to the Panama Weekly News Roundup! The latest economic statistics are in, and Panama’s growth continues. Panama was ranked #1 on a global “well-being” poll. A locally made film gets nominated for an Oscar, and the VP is in Cuba. Here’s the latest. Panama...
Panama Transportation Charter Services: How to travel private in Panama
There are many ways to get around in Panama. When it comes down to basic transportation, buses, taxis, and the subway are good options. However, when you need something more private, more spacious, and more luxurious, there are some great alternatives. While...
Panama’s culinary scene is booming. The “biomuseo” is now open. Plus, we look at Boquete for retirement -Weekly News Roundup, September 12th.
Welcome to the Panama Weekly News Roundup. This week, we look at Boquete as a premier retirement destination. We give you a taste of Panama’s top restaurants. And, the “biomuseo” is opening to the public. Here’s the latest. Expansion of Panama Canal Expected to Open...