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
Understanding Panama Tourism: How the industry helps move the nation
Panama is a haven for tourists, offering diverse experiences for travelers from all over the world. The tourism industry plays an important role in the Panamanian economy, accounting for 8.6% of the total GDP and 6.7% of employment. Visitors come to this Central...
Driving in Panama 101: Understanding the basics
Relocating to Panama can be an exciting venture, but if you’re planning on driving in the country, there are some things you should know first. For starters, only certain areas of Panama are conducive to not owning a car, and in most of the country, cars are the main...
Biodiversity in Panama: An ecological wonderland
Biodiversity in Panama is a huge draw for both tourism and research science and its recognition has been growing tremendously over the years. In fact, did you know that Panama is one of the most biodiverse countries on Earth? With a stunning array of tropical species,...
Copa Airlines: A rich history of trade and Panama tourism
Since its inception in 1947, Copa Airlines has been one of Panama’s most important and successful businesses, and integral to both Panama tourism and trade. The airline has played a key role in Panama’s development as a transportation hub and international business...
Christmas in Panama: How to spend the holiday season here
Christmas is a time of celebration all over the world, and Panama is no exception. Although it’s celebrated in different ways depending on your cultural background, there are some things that are common to all Panamanians during Christmas. Panama has many cultural...
Relocating to Panama as a Family
Relocating to Panama can be a great option for families of all sizes, and with all types of budgets and living requirements. The weather is warm year-round, plenty of outdoor activities to enjoy, and the cost of living is relatively low. In addition, Panama is a...
Panama Holidays: Celebrating Panama’s November’s “Dias Patrias”
November is a big month for Panama holidays, with several that celebrate the country’s rich history, independence, and culture. Known in Spanish as the “fiestas patrias”, these holidays commemorate battles, the flag, and Panama’s independence. The month of November is...
A Closer Look at the Panama Government and How it Works
Understanding Panama’s government policy before relocating to Panama is an important step in doing your due diligence, particularly if you’re planning on a long-term residency or investment. Panama is a constitutional democracy, which means that the people of Panama...
Panama Real Estate: A Comprehensive Guide to Renting vs. Buying
Panama real estate is one of the country’s most popular areas of investment and has shown consistent growth over the last decade. Foreigners are drawn to Panama real estate for many reasons: the stable economy, the friendly locals, and beautiful beaches and lush...
Shopping in Panama: An International Shopper’s Paradise
Shopping in Panama can be a unique, fun, and rewarding experience, especially if you enjoy top brands, convenience, and great value. The country’s close proximity to the United States means that many international goods are available at great prices. Additionally, the...
Understanding Panama Tourism: How the industry helps move the nation
Panama is a haven for tourists, offering diverse experiences for travelers from all over the world. The tourism industry plays an important role in the Panamanian economy, accounting for 8.6% of the total GDP and 6.7% of employment. Visitors come to this Central...
Driving in Panama 101: Understanding the basics
Relocating to Panama can be an exciting venture, but if you’re planning on driving in the country, there are some things you should know first. For starters, only certain areas of Panama are conducive to not owning a car, and in most of the country, cars are the main...
Biodiversity in Panama: An ecological wonderland
Biodiversity in Panama is a huge draw for both tourism and research science and its recognition has been growing tremendously over the years. In fact, did you know that Panama is one of the most biodiverse countries on Earth? With a stunning array of tropical species,...
Copa Airlines: A rich history of trade and Panama tourism
Since its inception in 1947, Copa Airlines has been one of Panama’s most important and successful businesses, and integral to both Panama tourism and trade. The airline has played a key role in Panama’s development as a transportation hub and international business...
Christmas in Panama: How to spend the holiday season here
Christmas is a time of celebration all over the world, and Panama is no exception. Although it’s celebrated in different ways depending on your cultural background, there are some things that are common to all Panamanians during Christmas. Panama has many cultural...
Relocating to Panama as a Family
Relocating to Panama can be a great option for families of all sizes, and with all types of budgets and living requirements. The weather is warm year-round, plenty of outdoor activities to enjoy, and the cost of living is relatively low. In addition, Panama is a...
Panama Holidays: Celebrating Panama’s November’s “Dias Patrias”
November is a big month for Panama holidays, with several that celebrate the country’s rich history, independence, and culture. Known in Spanish as the “fiestas patrias”, these holidays commemorate battles, the flag, and Panama’s independence. The month of November is...
A Closer Look at the Panama Government and How it Works
Understanding Panama’s government policy before relocating to Panama is an important step in doing your due diligence, particularly if you’re planning on a long-term residency or investment. Panama is a constitutional democracy, which means that the people of Panama...
Panama Real Estate: A Comprehensive Guide to Renting vs. Buying
Panama real estate is one of the country’s most popular areas of investment and has shown consistent growth over the last decade. Foreigners are drawn to Panama real estate for many reasons: the stable economy, the friendly locals, and beautiful beaches and lush...
Shopping in Panama: An International Shopper’s Paradise
Shopping in Panama can be a unique, fun, and rewarding experience, especially if you enjoy top brands, convenience, and great value. The country’s close proximity to the United States means that many international goods are available at great prices. Additionally, the...
Understanding Panama Tourism: How the industry helps move the nation
Panama is a haven for tourists, offering diverse experiences for travelers from all over the world. The tourism industry plays an important role in the Panamanian economy, accounting for 8.6% of the total GDP and 6.7% of employment. Visitors come to this Central...
Driving in Panama 101: Understanding the basics
Relocating to Panama can be an exciting venture, but if you’re planning on driving in the country, there are some things you should know first. For starters, only certain areas of Panama are conducive to not owning a car, and in most of the country, cars are the main...
Biodiversity in Panama: An ecological wonderland
Biodiversity in Panama is a huge draw for both tourism and research science and its recognition has been growing tremendously over the years. In fact, did you know that Panama is one of the most biodiverse countries on Earth? With a stunning array of tropical species,...
Copa Airlines: A rich history of trade and Panama tourism
Since its inception in 1947, Copa Airlines has been one of Panama’s most important and successful businesses, and integral to both Panama tourism and trade. The airline has played a key role in Panama’s development as a transportation hub and international business...
Christmas in Panama: How to spend the holiday season here
Christmas is a time of celebration all over the world, and Panama is no exception. Although it’s celebrated in different ways depending on your cultural background, there are some things that are common to all Panamanians during Christmas. Panama has many cultural...
Relocating to Panama as a Family
Relocating to Panama can be a great option for families of all sizes, and with all types of budgets and living requirements. The weather is warm year-round, plenty of outdoor activities to enjoy, and the cost of living is relatively low. In addition, Panama is a...
Panama Holidays: Celebrating Panama’s November’s “Dias Patrias”
November is a big month for Panama holidays, with several that celebrate the country’s rich history, independence, and culture. Known in Spanish as the “fiestas patrias”, these holidays commemorate battles, the flag, and Panama’s independence. The month of November is...
A Closer Look at the Panama Government and How it Works
Understanding Panama’s government policy before relocating to Panama is an important step in doing your due diligence, particularly if you’re planning on a long-term residency or investment. Panama is a constitutional democracy, which means that the people of Panama...
Panama Real Estate: A Comprehensive Guide to Renting vs. Buying
Panama real estate is one of the country’s most popular areas of investment and has shown consistent growth over the last decade. Foreigners are drawn to Panama real estate for many reasons: the stable economy, the friendly locals, and beautiful beaches and lush...
Shopping in Panama: An International Shopper’s Paradise
Shopping in Panama can be a unique, fun, and rewarding experience, especially if you enjoy top brands, convenience, and great value. The country’s close proximity to the United States means that many international goods are available at great prices. Additionally, the...