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
How Safe is Panama? Exploring the Secure Haven of Central America
How safe is Panama? When considering a move or investment abroad, safety and security are paramount concerns for individuals and families. In this article, we’ll delve into the safety landscape of Panama, shedding light on why it has earned its reputation as one of...
A Comprehensive Guide to Foreign Investment in Panama Real Estate
Panama, a tropical paradise nestled between North and South America, has emerged as a hotspot for real estate investment, captivating the attention of foreign investors seeking lucrative opportunities in a thriving market. In this blog post, we will explore the...
Food in Panama: 5 Can’t-Miss Dishes
Food in Panama is as diverse as its landscapes with a rich cultural tapestry that boasts a culinary scene as vibrant and varied as its geographical features. From street markets to high-end restaurants, Panama offers a tantalizing array of flavors that showcase the...
What is a “Zonian”? Navigating the Cultural Crossroads of the Canal Zone
What is a Zonian, exactly? The term “Zonian” holds a unique significance in the cultural tapestry of Panama, harking back to the era of the Panama Canal Zone. Enveloped by a blend of local and international influences, Zonians represent a community with a distinctive...
Navigating Education in Panama: A Guide for Expats
Looking to learn more about education in Panama? If you’re moving to Panama, you’re not alone. Relocating to a new country often comes with a myriad of considerations, and for families, one of the most critical is ensuring a smooth transition for their children into...
Exploring the Lush Marvels of Rainforests in Panama
Panama, a land bridging North and South America, is renowned for its diverse landscapes and rich biodiversity. Rainforests in Panama stand out as emerald jewels that blanket significant portions of the country, and a big draw for both ecotourism and international...
Exploring Paradise: The Best Beaches in Panama
Panama has long been a hidden gem for beach lovers, mostly due to its seemingly perfect location between the Atlantic and Pacific Oceans. Finding the best beaches in Panama, however, can take some time if you’re not familiar. With its stunning coastlines, diverse...
The Impact of International Trade in Panama
In recent years, Panama has emerged as a global trade hub, capitalizing on its strategic location, world-class infrastructure, and a commitment to fostering international trade in Panama. The impact of international trade on the Panamanian economy has been nothing...
The Future of Tocumen International Airport and Copa Airlines in Panama
In the dynamic world of aviation, Tocumen International Airport and Copa Airlines have firmly established themselves as key players in Panama’s economic growth and global connectivity. With a strategic vision and unwavering commitment to excellence, both entities are...
Cinema in Panama: Exploring the Rich History and Cultural Impact
Cinema in Panama has a rich history, and an even richer future when you look at how the landscape of films has been shaping up over the past 20 years. While it may not be the first place that comes to mind when thinking about cinema, Panama has made significant...
How Safe is Panama? Exploring the Secure Haven of Central America
How safe is Panama? When considering a move or investment abroad, safety and security are paramount concerns for individuals and families. In this article, we’ll delve into the safety landscape of Panama, shedding light on why it has earned its reputation as one of...
A Comprehensive Guide to Foreign Investment in Panama Real Estate
Panama, a tropical paradise nestled between North and South America, has emerged as a hotspot for real estate investment, captivating the attention of foreign investors seeking lucrative opportunities in a thriving market. In this blog post, we will explore the...
Food in Panama: 5 Can’t-Miss Dishes
Food in Panama is as diverse as its landscapes with a rich cultural tapestry that boasts a culinary scene as vibrant and varied as its geographical features. From street markets to high-end restaurants, Panama offers a tantalizing array of flavors that showcase the...
What is a “Zonian”? Navigating the Cultural Crossroads of the Canal Zone
What is a Zonian, exactly? The term “Zonian” holds a unique significance in the cultural tapestry of Panama, harking back to the era of the Panama Canal Zone. Enveloped by a blend of local and international influences, Zonians represent a community with a distinctive...
Navigating Education in Panama: A Guide for Expats
Looking to learn more about education in Panama? If you’re moving to Panama, you’re not alone. Relocating to a new country often comes with a myriad of considerations, and for families, one of the most critical is ensuring a smooth transition for their children into...
Exploring the Lush Marvels of Rainforests in Panama
Panama, a land bridging North and South America, is renowned for its diverse landscapes and rich biodiversity. Rainforests in Panama stand out as emerald jewels that blanket significant portions of the country, and a big draw for both ecotourism and international...
Exploring Paradise: The Best Beaches in Panama
Panama has long been a hidden gem for beach lovers, mostly due to its seemingly perfect location between the Atlantic and Pacific Oceans. Finding the best beaches in Panama, however, can take some time if you’re not familiar. With its stunning coastlines, diverse...
The Impact of International Trade in Panama
In recent years, Panama has emerged as a global trade hub, capitalizing on its strategic location, world-class infrastructure, and a commitment to fostering international trade in Panama. The impact of international trade on the Panamanian economy has been nothing...
The Future of Tocumen International Airport and Copa Airlines in Panama
In the dynamic world of aviation, Tocumen International Airport and Copa Airlines have firmly established themselves as key players in Panama’s economic growth and global connectivity. With a strategic vision and unwavering commitment to excellence, both entities are...
Cinema in Panama: Exploring the Rich History and Cultural Impact
Cinema in Panama has a rich history, and an even richer future when you look at how the landscape of films has been shaping up over the past 20 years. While it may not be the first place that comes to mind when thinking about cinema, Panama has made significant...
How Safe is Panama? Exploring the Secure Haven of Central America
How safe is Panama? When considering a move or investment abroad, safety and security are paramount concerns for individuals and families. In this article, we’ll delve into the safety landscape of Panama, shedding light on why it has earned its reputation as one of...
A Comprehensive Guide to Foreign Investment in Panama Real Estate
Panama, a tropical paradise nestled between North and South America, has emerged as a hotspot for real estate investment, captivating the attention of foreign investors seeking lucrative opportunities in a thriving market. In this blog post, we will explore the...
Food in Panama: 5 Can’t-Miss Dishes
Food in Panama is as diverse as its landscapes with a rich cultural tapestry that boasts a culinary scene as vibrant and varied as its geographical features. From street markets to high-end restaurants, Panama offers a tantalizing array of flavors that showcase the...
What is a “Zonian”? Navigating the Cultural Crossroads of the Canal Zone
What is a Zonian, exactly? The term “Zonian” holds a unique significance in the cultural tapestry of Panama, harking back to the era of the Panama Canal Zone. Enveloped by a blend of local and international influences, Zonians represent a community with a distinctive...
Navigating Education in Panama: A Guide for Expats
Looking to learn more about education in Panama? If you’re moving to Panama, you’re not alone. Relocating to a new country often comes with a myriad of considerations, and for families, one of the most critical is ensuring a smooth transition for their children into...
Exploring the Lush Marvels of Rainforests in Panama
Panama, a land bridging North and South America, is renowned for its diverse landscapes and rich biodiversity. Rainforests in Panama stand out as emerald jewels that blanket significant portions of the country, and a big draw for both ecotourism and international...
Exploring Paradise: The Best Beaches in Panama
Panama has long been a hidden gem for beach lovers, mostly due to its seemingly perfect location between the Atlantic and Pacific Oceans. Finding the best beaches in Panama, however, can take some time if you’re not familiar. With its stunning coastlines, diverse...
The Impact of International Trade in Panama
In recent years, Panama has emerged as a global trade hub, capitalizing on its strategic location, world-class infrastructure, and a commitment to fostering international trade in Panama. The impact of international trade on the Panamanian economy has been nothing...
The Future of Tocumen International Airport and Copa Airlines in Panama
In the dynamic world of aviation, Tocumen International Airport and Copa Airlines have firmly established themselves as key players in Panama’s economic growth and global connectivity. With a strategic vision and unwavering commitment to excellence, both entities are...
Cinema in Panama: Exploring the Rich History and Cultural Impact
Cinema in Panama has a rich history, and an even richer future when you look at how the landscape of films has been shaping up over the past 20 years. While it may not be the first place that comes to mind when thinking about cinema, Panama has made significant...