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
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...
Salsa Music in Panama: Connecting Through Rhythm and Dance
Salsa music in Panama is more than just a genre; it is a cultural phenomenon that ignites passion and brings people together through its infectious rhythms and lively beats. In Panama, salsa music holds a special place in the hearts of its people, and salsa dancing...
Shopping in Panama City: A Retail Paradise for All Tastes and Budgets
When it comes to shopping in Panama City there’s a diverse and vibrant retail landscape that caters to every shopaholic’s desires. From local markets brimming with unique crafts to upscale malls housing luxury brands, Panama City has it all. In this article, we will...
Opening a Bank Account in Panama as a Foreigner
Panama, renowned for its stable economy and thriving banking sector, has become an attractive destination for foreigners seeking to establish an offshore financial presence, and a bank account in Panama. With its robust financial infrastructure and favorable...
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...
Salsa Music in Panama: Connecting Through Rhythm and Dance
Salsa music in Panama is more than just a genre; it is a cultural phenomenon that ignites passion and brings people together through its infectious rhythms and lively beats. In Panama, salsa music holds a special place in the hearts of its people, and salsa dancing...
Shopping in Panama City: A Retail Paradise for All Tastes and Budgets
When it comes to shopping in Panama City there’s a diverse and vibrant retail landscape that caters to every shopaholic’s desires. From local markets brimming with unique crafts to upscale malls housing luxury brands, Panama City has it all. In this article, we will...
Opening a Bank Account in Panama as a Foreigner
Panama, renowned for its stable economy and thriving banking sector, has become an attractive destination for foreigners seeking to establish an offshore financial presence, and a bank account in Panama. With its robust financial infrastructure and favorable...
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...
Salsa Music in Panama: Connecting Through Rhythm and Dance
Salsa music in Panama is more than just a genre; it is a cultural phenomenon that ignites passion and brings people together through its infectious rhythms and lively beats. In Panama, salsa music holds a special place in the hearts of its people, and salsa dancing...
Shopping in Panama City: A Retail Paradise for All Tastes and Budgets
When it comes to shopping in Panama City there’s a diverse and vibrant retail landscape that caters to every shopaholic’s desires. From local markets brimming with unique crafts to upscale malls housing luxury brands, Panama City has it all. In this article, we will...
Opening a Bank Account in Panama as a Foreigner
Panama, renowned for its stable economy and thriving banking sector, has become an attractive destination for foreigners seeking to establish an offshore financial presence, and a bank account in Panama. With its robust financial infrastructure and favorable...