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 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...
Living in Boquete: Panama’s Retirement Haven
When many people think of Panama, they think of the Canal, the big city skyline, and the beaches. These days, you can add Boquete to that list. If Panama is considered one of the world’s top retirement destinations, Boquete is considered the top retirement town....
Panama’s Restaurant Scene: Growing as fast as the country itself
Panama truly is a country with international flavor and culture, and the restaurant and nightlife scene is no different. For many years, Panama City was well known for having culinary influences from all over Latin America, Asia, and southern Europe. But today, the...
Panama Hits Record Low Inflation. The President Visits the Pope. And Inflation is Dropping-Weekly News Roundup, September 5th.
Welcome to the Panama Weekly News Roundup. This week, the Hilton Panama opens its doors to the public. Wildlife and nature preservation is monitoring the Canal. Panama climbs the Global Innovation Index, and we take a look at high-tech in the city. Here’s the latest:...
Purchasing Panama Real Estate: An interactive, visual guide | Infographic
The real estate market in Panama is a hot topic with locals and foreigners, and with good reason. Panama recently underwent a major real estate boom, and currently, construction is at an all-time high. These days, there seems to be something for everybody. Whether...
Panama Leads in Innovation. High Tech is Booming in the City. And the Panama Hilton is Now Open – Weekly News Roundup, August 29th.
Welcome to the Panama Weekly News Roundup. This week, the Hilton Panama opens its doors to the public. Wildlife and nature preservation is monitoring the Canal. Panama climbs the Global Innovation Index, and we take a look at high-tech in the city. Here’s the latest....
Tech-Friendly Panama: How high-tech culture and business fares on the Isthmus
In the business world, Panama is very well known for a few things: shipping, banking, tourism, and real estate. But these days, it’s the tech industry that’s catching the attention of many investors and entrepreneurs. Businesses can operate with low overhead, access...
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...
Living in Boquete: Panama’s Retirement Haven
When many people think of Panama, they think of the Canal, the big city skyline, and the beaches. These days, you can add Boquete to that list. If Panama is considered one of the world’s top retirement destinations, Boquete is considered the top retirement town....
Panama’s Restaurant Scene: Growing as fast as the country itself
Panama truly is a country with international flavor and culture, and the restaurant and nightlife scene is no different. For many years, Panama City was well known for having culinary influences from all over Latin America, Asia, and southern Europe. But today, the...
Panama Hits Record Low Inflation. The President Visits the Pope. And Inflation is Dropping-Weekly News Roundup, September 5th.
Welcome to the Panama Weekly News Roundup. This week, the Hilton Panama opens its doors to the public. Wildlife and nature preservation is monitoring the Canal. Panama climbs the Global Innovation Index, and we take a look at high-tech in the city. Here’s the latest:...
Purchasing Panama Real Estate: An interactive, visual guide | Infographic
The real estate market in Panama is a hot topic with locals and foreigners, and with good reason. Panama recently underwent a major real estate boom, and currently, construction is at an all-time high. These days, there seems to be something for everybody. Whether...
Panama Leads in Innovation. High Tech is Booming in the City. And the Panama Hilton is Now Open – Weekly News Roundup, August 29th.
Welcome to the Panama Weekly News Roundup. This week, the Hilton Panama opens its doors to the public. Wildlife and nature preservation is monitoring the Canal. Panama climbs the Global Innovation Index, and we take a look at high-tech in the city. Here’s the latest....
Tech-Friendly Panama: How high-tech culture and business fares on the Isthmus
In the business world, Panama is very well known for a few things: shipping, banking, tourism, and real estate. But these days, it’s the tech industry that’s catching the attention of many investors and entrepreneurs. Businesses can operate with low overhead, access...
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...
Living in Boquete: Panama’s Retirement Haven
When many people think of Panama, they think of the Canal, the big city skyline, and the beaches. These days, you can add Boquete to that list. If Panama is considered one of the world’s top retirement destinations, Boquete is considered the top retirement town....
Panama’s Restaurant Scene: Growing as fast as the country itself
Panama truly is a country with international flavor and culture, and the restaurant and nightlife scene is no different. For many years, Panama City was well known for having culinary influences from all over Latin America, Asia, and southern Europe. But today, the...
Panama Hits Record Low Inflation. The President Visits the Pope. And Inflation is Dropping-Weekly News Roundup, September 5th.
Welcome to the Panama Weekly News Roundup. This week, the Hilton Panama opens its doors to the public. Wildlife and nature preservation is monitoring the Canal. Panama climbs the Global Innovation Index, and we take a look at high-tech in the city. Here’s the latest:...
Purchasing Panama Real Estate: An interactive, visual guide | Infographic
The real estate market in Panama is a hot topic with locals and foreigners, and with good reason. Panama recently underwent a major real estate boom, and currently, construction is at an all-time high. These days, there seems to be something for everybody. Whether...
Panama Leads in Innovation. High Tech is Booming in the City. And the Panama Hilton is Now Open – Weekly News Roundup, August 29th.
Welcome to the Panama Weekly News Roundup. This week, the Hilton Panama opens its doors to the public. Wildlife and nature preservation is monitoring the Canal. Panama climbs the Global Innovation Index, and we take a look at high-tech in the city. Here’s the latest....
Tech-Friendly Panama: How high-tech culture and business fares on the Isthmus
In the business world, Panama is very well known for a few things: shipping, banking, tourism, and real estate. But these days, it’s the tech industry that’s catching the attention of many investors and entrepreneurs. Businesses can operate with low overhead, access...