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 Economy Closes 2015 With Positive Growth
Panama’s economy over the past six years, on average, has grown by nearly double digits. However in 2014, the economy slowed down a little bit, causing some to be cautious. Now, as we head full steam into 2016, it appears the slowdown was merely a hiccup, and Panama’s...
Panama Canal may see bigger delay than expected; sources varied on outcome. – Weekly News Roundup, January 4th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. Official: Panama Canal expansion could be delayed 6 months The original deadline for the Panama Canal expansion is already two years overdue. But now, one official with one of the companies hired to help...
What We Can Look Forward to in Panama in 2016
The holiday season is in full swing in Panama, and that means that we’re approaching the end to another exciting year. As with many of the years previous, a lot has changed over the course of 12 months in Panama, and 2016 is looking to be even bigger. Panama is a...
Panama Canal Expansion could bring huge benefits to Houston. – Weekly News Roundup, December 27th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. How Will The Panama Canal Expansion Bolster Industrial Houston With so many ports anticipating the increased business to be generated by the new Panama Canal Expansion, it’s interesting to take a look at...
Panama recognized as new “Luxury Hot Spot” by Forbes Magazine. – Weekly News Roundup, December 18th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. Eco-conscious buyer sought for undeveloped islands off Panama There’s a big secret (or maybe not so much anymore) about Panama’s real estate market: there is unspoiled, tropical land still available in an...
Panama Ranks 3rd in LatAm/Caribbean for International Franchise Investment
Panama is a hot market for a variety of international investments. And for the most part, a lot of the consumer investments revolve around major international franchises. This has a lot to do with consumer culture in Panama, as well as Panama’s reputation as an...
Panama to play a major role in global forest preservation. – Weekly News Roundup, December 11th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. Panama has led the way in proposing that the role of forests be included in the Paris agreement at the Conference of the Parties. World leaders have been gathering this month to go over world climate...
Top 5 Holiday Beach Escapes in Panama
Panama is known for its exquisite beaches, both for locals and tourists. And when it comes to expats, the beaches of Panama are always tops on the list of places to work, invest, retire, and vacation it. But with so many options of beaches near Panama City, and afar,...
Canal traffic back to normal after weeks’ worth of delays. Ecotourism is on the rise in Panama. – Weekly News Roundup, November 6th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. Panama Canal wait times back to normal after weeks-long delays After a few weeks of bottlenecked sea traffic, it appears as though the Panama Canal is back on schedule. With the volume of ships ever...
Panama Studies Cross-Country, High Speed Train to Connect Major Cities
Panama has made significant strides in transportation infrastructure and access over the past 4-5 years. The most prominent projects have been the Metro (Subway), Metro Bus, and the expansion and modernization of the Pan American Highway. Now, President Juan Carlos...
Panama’s Economy Closes 2015 With Positive Growth
Panama’s economy over the past six years, on average, has grown by nearly double digits. However in 2014, the economy slowed down a little bit, causing some to be cautious. Now, as we head full steam into 2016, it appears the slowdown was merely a hiccup, and Panama’s...
Panama Canal may see bigger delay than expected; sources varied on outcome. – Weekly News Roundup, January 4th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. Official: Panama Canal expansion could be delayed 6 months The original deadline for the Panama Canal expansion is already two years overdue. But now, one official with one of the companies hired to help...
What We Can Look Forward to in Panama in 2016
The holiday season is in full swing in Panama, and that means that we’re approaching the end to another exciting year. As with many of the years previous, a lot has changed over the course of 12 months in Panama, and 2016 is looking to be even bigger. Panama is a...
Panama Canal Expansion could bring huge benefits to Houston. – Weekly News Roundup, December 27th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. How Will The Panama Canal Expansion Bolster Industrial Houston With so many ports anticipating the increased business to be generated by the new Panama Canal Expansion, it’s interesting to take a look at...
Panama recognized as new “Luxury Hot Spot” by Forbes Magazine. – Weekly News Roundup, December 18th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. Eco-conscious buyer sought for undeveloped islands off Panama There’s a big secret (or maybe not so much anymore) about Panama’s real estate market: there is unspoiled, tropical land still available in an...
Panama Ranks 3rd in LatAm/Caribbean for International Franchise Investment
Panama is a hot market for a variety of international investments. And for the most part, a lot of the consumer investments revolve around major international franchises. This has a lot to do with consumer culture in Panama, as well as Panama’s reputation as an...
Panama to play a major role in global forest preservation. – Weekly News Roundup, December 11th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. Panama has led the way in proposing that the role of forests be included in the Paris agreement at the Conference of the Parties. World leaders have been gathering this month to go over world climate...
Top 5 Holiday Beach Escapes in Panama
Panama is known for its exquisite beaches, both for locals and tourists. And when it comes to expats, the beaches of Panama are always tops on the list of places to work, invest, retire, and vacation it. But with so many options of beaches near Panama City, and afar,...
Canal traffic back to normal after weeks’ worth of delays. Ecotourism is on the rise in Panama. – Weekly News Roundup, November 6th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. Panama Canal wait times back to normal after weeks-long delays After a few weeks of bottlenecked sea traffic, it appears as though the Panama Canal is back on schedule. With the volume of ships ever...
Panama Studies Cross-Country, High Speed Train to Connect Major Cities
Panama has made significant strides in transportation infrastructure and access over the past 4-5 years. The most prominent projects have been the Metro (Subway), Metro Bus, and the expansion and modernization of the Pan American Highway. Now, President Juan Carlos...
Panama’s Economy Closes 2015 With Positive Growth
Panama’s economy over the past six years, on average, has grown by nearly double digits. However in 2014, the economy slowed down a little bit, causing some to be cautious. Now, as we head full steam into 2016, it appears the slowdown was merely a hiccup, and Panama’s...
Panama Canal may see bigger delay than expected; sources varied on outcome. – Weekly News Roundup, January 4th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. Official: Panama Canal expansion could be delayed 6 months The original deadline for the Panama Canal expansion is already two years overdue. But now, one official with one of the companies hired to help...
What We Can Look Forward to in Panama in 2016
The holiday season is in full swing in Panama, and that means that we’re approaching the end to another exciting year. As with many of the years previous, a lot has changed over the course of 12 months in Panama, and 2016 is looking to be even bigger. Panama is a...
Panama Canal Expansion could bring huge benefits to Houston. – Weekly News Roundup, December 27th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. How Will The Panama Canal Expansion Bolster Industrial Houston With so many ports anticipating the increased business to be generated by the new Panama Canal Expansion, it’s interesting to take a look at...
Panama recognized as new “Luxury Hot Spot” by Forbes Magazine. – Weekly News Roundup, December 18th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. Eco-conscious buyer sought for undeveloped islands off Panama There’s a big secret (or maybe not so much anymore) about Panama’s real estate market: there is unspoiled, tropical land still available in an...
Panama Ranks 3rd in LatAm/Caribbean for International Franchise Investment
Panama is a hot market for a variety of international investments. And for the most part, a lot of the consumer investments revolve around major international franchises. This has a lot to do with consumer culture in Panama, as well as Panama’s reputation as an...
Panama to play a major role in global forest preservation. – Weekly News Roundup, December 11th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. Panama has led the way in proposing that the role of forests be included in the Paris agreement at the Conference of the Parties. World leaders have been gathering this month to go over world climate...
Top 5 Holiday Beach Escapes in Panama
Panama is known for its exquisite beaches, both for locals and tourists. And when it comes to expats, the beaches of Panama are always tops on the list of places to work, invest, retire, and vacation it. But with so many options of beaches near Panama City, and afar,...
Canal traffic back to normal after weeks’ worth of delays. Ecotourism is on the rise in Panama. – Weekly News Roundup, November 6th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. Panama Canal wait times back to normal after weeks-long delays After a few weeks of bottlenecked sea traffic, it appears as though the Panama Canal is back on schedule. With the volume of ships ever...
Panama Studies Cross-Country, High Speed Train to Connect Major Cities
Panama has made significant strides in transportation infrastructure and access over the past 4-5 years. The most prominent projects have been the Metro (Subway), Metro Bus, and the expansion and modernization of the Pan American Highway. Now, President Juan Carlos...