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
Dating in Panama: Lifestyle, Socializing, and Safety Tips
Dating in Panama has a lot to offer for those looking to relocate solo, and open to finding new connections. Whether you’re seeking new adventures, a more affordable lifestyle, or simply a change of pace, this Central American gem provides an ideal setting for...
Digital Connectivity in Panama: Internet, Mobile, and Remote Work
Digital connectivity in Panama is an important focus on those planning to visit or relocate to the nation. Panama has emerged as a popular haven for digital nomads, tech-savvy expats, and remote workers seeking a tropical lifestyle without compromising on...
Bring Pets to Panama: What You Need to Know
If you want to bring pets to Panama, fear not, it’s a lot more common than you may think. Bringing your beloved pets with you to Panama is absolutely possible, but it does require planning, paperwork, and a solid understanding of local regulations. Whether you’re...
The Hidden Costs of Relocating to Panama: What Expats Often Overlook
Relocating to Panama is a dream come true for many expats, thanks to its tropical climate, lower cost of living, and welcoming residency programs. However, while Panama can indeed be a more affordable destination than North America or Europe, there are several hidden...
Cultural Etiquette in Panama: Do’s and Don’ts for New Residents
Cultural etiquette in Panama is important to remember as a foreigner who may or may not be fully aware of the culture before moving there. Moving to a new country comes with the challenge of adapting to local customs, traditions, and social norms. Panama, with its...
Panama’s Transportation Infrastructure: Navigating the Country Efficiently
Panama’s transportation infrastructure has developed significantly over the years, making it easier for residents, expats, and visitors to navigate the country. Whether commuting within Panama City, traveling to the countryside, or exploring the coasts and islands,...
Environmental Conservation in Panama: Eco-Friendly Living and Business
Environmental conservation in Panama is a focal point for a country that prides itself on its extraordinary biodiversity, boasting lush rainforests, pristine beaches, and a variety of unique ecosystems. While its rapid development and economic growth have raised...
Panama’s Tax System: What Expats and Investors Need to Know
Panama’s tax system has long been an attractive draw for expats, retirees, and investors thanks to favorable tax policies, territorial tax system, and pro-business environment. However, understanding how taxes work in Panama is crucial to avoid unexpected liabilities...
Starting a Small Business in Panama: Requirements and Opportunities
Panama is an attractive destination for entrepreneurs looking to start a business. With its strategic location, favorable tax policies, and growing economy, the country presents numerous opportunities for both local and foreign investors. However, understanding the...
Starting a Business in Panama: How to Incorporate and Thrive in 2025
Starting a business in Panama is not as intimidating as it might seem at first. Panama’s strategic location as a bridge between North and South America, coupled with its pro-business policies and robust economy, has made it an increasingly attractive destination for...
Dating in Panama: Lifestyle, Socializing, and Safety Tips
Dating in Panama has a lot to offer for those looking to relocate solo, and open to finding new connections. Whether you’re seeking new adventures, a more affordable lifestyle, or simply a change of pace, this Central American gem provides an ideal setting for...
Digital Connectivity in Panama: Internet, Mobile, and Remote Work
Digital connectivity in Panama is an important focus on those planning to visit or relocate to the nation. Panama has emerged as a popular haven for digital nomads, tech-savvy expats, and remote workers seeking a tropical lifestyle without compromising on...
Bring Pets to Panama: What You Need to Know
If you want to bring pets to Panama, fear not, it’s a lot more common than you may think. Bringing your beloved pets with you to Panama is absolutely possible, but it does require planning, paperwork, and a solid understanding of local regulations. Whether you’re...
The Hidden Costs of Relocating to Panama: What Expats Often Overlook
Relocating to Panama is a dream come true for many expats, thanks to its tropical climate, lower cost of living, and welcoming residency programs. However, while Panama can indeed be a more affordable destination than North America or Europe, there are several hidden...
Cultural Etiquette in Panama: Do’s and Don’ts for New Residents
Cultural etiquette in Panama is important to remember as a foreigner who may or may not be fully aware of the culture before moving there. Moving to a new country comes with the challenge of adapting to local customs, traditions, and social norms. Panama, with its...
Panama’s Transportation Infrastructure: Navigating the Country Efficiently
Panama’s transportation infrastructure has developed significantly over the years, making it easier for residents, expats, and visitors to navigate the country. Whether commuting within Panama City, traveling to the countryside, or exploring the coasts and islands,...
Environmental Conservation in Panama: Eco-Friendly Living and Business
Environmental conservation in Panama is a focal point for a country that prides itself on its extraordinary biodiversity, boasting lush rainforests, pristine beaches, and a variety of unique ecosystems. While its rapid development and economic growth have raised...
Panama’s Tax System: What Expats and Investors Need to Know
Panama’s tax system has long been an attractive draw for expats, retirees, and investors thanks to favorable tax policies, territorial tax system, and pro-business environment. However, understanding how taxes work in Panama is crucial to avoid unexpected liabilities...
Starting a Small Business in Panama: Requirements and Opportunities
Panama is an attractive destination for entrepreneurs looking to start a business. With its strategic location, favorable tax policies, and growing economy, the country presents numerous opportunities for both local and foreign investors. However, understanding the...
Starting a Business in Panama: How to Incorporate and Thrive in 2025
Starting a business in Panama is not as intimidating as it might seem at first. Panama’s strategic location as a bridge between North and South America, coupled with its pro-business policies and robust economy, has made it an increasingly attractive destination for...
Dating in Panama: Lifestyle, Socializing, and Safety Tips
Dating in Panama has a lot to offer for those looking to relocate solo, and open to finding new connections. Whether you’re seeking new adventures, a more affordable lifestyle, or simply a change of pace, this Central American gem provides an ideal setting for...
Digital Connectivity in Panama: Internet, Mobile, and Remote Work
Digital connectivity in Panama is an important focus on those planning to visit or relocate to the nation. Panama has emerged as a popular haven for digital nomads, tech-savvy expats, and remote workers seeking a tropical lifestyle without compromising on...
Bring Pets to Panama: What You Need to Know
If you want to bring pets to Panama, fear not, it’s a lot more common than you may think. Bringing your beloved pets with you to Panama is absolutely possible, but it does require planning, paperwork, and a solid understanding of local regulations. Whether you’re...
The Hidden Costs of Relocating to Panama: What Expats Often Overlook
Relocating to Panama is a dream come true for many expats, thanks to its tropical climate, lower cost of living, and welcoming residency programs. However, while Panama can indeed be a more affordable destination than North America or Europe, there are several hidden...
Cultural Etiquette in Panama: Do’s and Don’ts for New Residents
Cultural etiquette in Panama is important to remember as a foreigner who may or may not be fully aware of the culture before moving there. Moving to a new country comes with the challenge of adapting to local customs, traditions, and social norms. Panama, with its...
Panama’s Transportation Infrastructure: Navigating the Country Efficiently
Panama’s transportation infrastructure has developed significantly over the years, making it easier for residents, expats, and visitors to navigate the country. Whether commuting within Panama City, traveling to the countryside, or exploring the coasts and islands,...
Environmental Conservation in Panama: Eco-Friendly Living and Business
Environmental conservation in Panama is a focal point for a country that prides itself on its extraordinary biodiversity, boasting lush rainforests, pristine beaches, and a variety of unique ecosystems. While its rapid development and economic growth have raised...
Panama’s Tax System: What Expats and Investors Need to Know
Panama’s tax system has long been an attractive draw for expats, retirees, and investors thanks to favorable tax policies, territorial tax system, and pro-business environment. However, understanding how taxes work in Panama is crucial to avoid unexpected liabilities...
Starting a Small Business in Panama: Requirements and Opportunities
Panama is an attractive destination for entrepreneurs looking to start a business. With its strategic location, favorable tax policies, and growing economy, the country presents numerous opportunities for both local and foreign investors. However, understanding the...
Starting a Business in Panama: How to Incorporate and Thrive in 2025
Starting a business in Panama is not as intimidating as it might seem at first. Panama’s strategic location as a bridge between North and South America, coupled with its pro-business policies and robust economy, has made it an increasingly attractive destination for...