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 wetlands get federal protection. Metro Line 2 has bidders lining up – Weekly News Roundup, Feb. 13th
Welcome to the Panama Weekly News Roundup! Here’s the latest. Panama will be Lufthansa’s entrance to Central America Panama continues to expand its presence as an international hub for airlines, and the most recent company to join the party is Lufthansa. The...
Environmental Watch: Panama’s Varela Signs Wetlands Protection Bill Into Law
Panama is one of the fastest growing and developing countries in the world, and that means lots of construction. While this is great for the economy, there are some drawbacks environmentally. Rapid and expansive construction often means pushing out certain animal...
Copa ads New Orleans flight, Iberia picks Panama for hub – Weekly News Roundup, Feb. 6th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. Panama Diamond Exchange to Hold 1st Buyer’s Week in April Panama’s first diamond exchange is slated to be a major business mover in 2015 and beyond, and they’ve got some great plans in the works. Recently,...
Spain’s Iberia Airlines Taps Panama for Regional Hub
Air travel between Panama and Spain has had a limited, but long history. In fact, they’ve been flying between Panama City and Madrid since 1971, although currently, they’re the only airline that flies non-stop Panama to Spain these days. While that may change, as Copa...
Panama hailed as “Expat Paradise.” Panama Canal set to boost China economy – Weekly News Roundup, Jan. 30th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. As Panama grows, so does its reputation for being an "expat paradise". Panama has been growing as an expat haven for years, and the present time is no exception. In a recent BBC article, they lay out a few...
The Cost of Living in Panama in 2015
One of the most important factors in deciding where you want to live and work is the cost of living. How much you have to spend factors into how much you have to make, what type of lifestyle you can afford to live, and where you’ll need to live. But as an outsider,...
Panama still ranks high for retirees. Danilo Perez brings Jazz to the people – Weekly News Roundup, Jan. 23rd.
Welcome to the Panama Weekly News Roundup! Here’s the latest. Danilo Pérez Builds a Magnet for Musicians in Panama. Panama may not be known for its Jazz, but don’t tell that to Danilo Pérez. While Panama’s nightclub and dance music scene has taken center stage, Pérez...
Panama City’s Best Day Trips to the Beach
Though it’s technically winter in the northern hemisphere, in Panama, January through March is considered “Summer” as it’s the hot, dry season. And while some Panamanians and expats may have vacation time, many who work are limited to being weekend warriors, who get...
Copa capitalizes on two new markets. Inflation drops in 2014 – Weekly News Roundup, Jan. 16th.
Welcome to the Panama Weekly News Roundup! Copa is having a banner year so far in 2015, adding new flights to David, and partnering with a major Brazilian airline. Panama is quickly becoming a destination for electronic music festivals, and new stats indicate a drop...
Panama City ranked #1 in World Bank survey. Canal Expansion to boost global trade – Weekly News Roundup, Jan. 9th.
Welcome to the Panama Weekly News Roundup! Panama City ranked #1 in World Bank survey. We look at the effect of the Canal on global trade. And why Volcan may be Panama’s hidden jewel for expats. Here’s the latest. The Expansion Of The Panama Canal Will Have A Huge...
Panama’s wetlands get federal protection. Metro Line 2 has bidders lining up – Weekly News Roundup, Feb. 13th
Welcome to the Panama Weekly News Roundup! Here’s the latest. Panama will be Lufthansa’s entrance to Central America Panama continues to expand its presence as an international hub for airlines, and the most recent company to join the party is Lufthansa. The...
Environmental Watch: Panama’s Varela Signs Wetlands Protection Bill Into Law
Panama is one of the fastest growing and developing countries in the world, and that means lots of construction. While this is great for the economy, there are some drawbacks environmentally. Rapid and expansive construction often means pushing out certain animal...
Copa ads New Orleans flight, Iberia picks Panama for hub – Weekly News Roundup, Feb. 6th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. Panama Diamond Exchange to Hold 1st Buyer’s Week in April Panama’s first diamond exchange is slated to be a major business mover in 2015 and beyond, and they’ve got some great plans in the works. Recently,...
Spain’s Iberia Airlines Taps Panama for Regional Hub
Air travel between Panama and Spain has had a limited, but long history. In fact, they’ve been flying between Panama City and Madrid since 1971, although currently, they’re the only airline that flies non-stop Panama to Spain these days. While that may change, as Copa...
Panama hailed as “Expat Paradise.” Panama Canal set to boost China economy – Weekly News Roundup, Jan. 30th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. As Panama grows, so does its reputation for being an "expat paradise". Panama has been growing as an expat haven for years, and the present time is no exception. In a recent BBC article, they lay out a few...
The Cost of Living in Panama in 2015
One of the most important factors in deciding where you want to live and work is the cost of living. How much you have to spend factors into how much you have to make, what type of lifestyle you can afford to live, and where you’ll need to live. But as an outsider,...
Panama still ranks high for retirees. Danilo Perez brings Jazz to the people – Weekly News Roundup, Jan. 23rd.
Welcome to the Panama Weekly News Roundup! Here’s the latest. Danilo Pérez Builds a Magnet for Musicians in Panama. Panama may not be known for its Jazz, but don’t tell that to Danilo Pérez. While Panama’s nightclub and dance music scene has taken center stage, Pérez...
Panama City’s Best Day Trips to the Beach
Though it’s technically winter in the northern hemisphere, in Panama, January through March is considered “Summer” as it’s the hot, dry season. And while some Panamanians and expats may have vacation time, many who work are limited to being weekend warriors, who get...
Copa capitalizes on two new markets. Inflation drops in 2014 – Weekly News Roundup, Jan. 16th.
Welcome to the Panama Weekly News Roundup! Copa is having a banner year so far in 2015, adding new flights to David, and partnering with a major Brazilian airline. Panama is quickly becoming a destination for electronic music festivals, and new stats indicate a drop...
Panama City ranked #1 in World Bank survey. Canal Expansion to boost global trade – Weekly News Roundup, Jan. 9th.
Welcome to the Panama Weekly News Roundup! Panama City ranked #1 in World Bank survey. We look at the effect of the Canal on global trade. And why Volcan may be Panama’s hidden jewel for expats. Here’s the latest. The Expansion Of The Panama Canal Will Have A Huge...
Panama’s wetlands get federal protection. Metro Line 2 has bidders lining up – Weekly News Roundup, Feb. 13th
Welcome to the Panama Weekly News Roundup! Here’s the latest. Panama will be Lufthansa’s entrance to Central America Panama continues to expand its presence as an international hub for airlines, and the most recent company to join the party is Lufthansa. The...
Environmental Watch: Panama’s Varela Signs Wetlands Protection Bill Into Law
Panama is one of the fastest growing and developing countries in the world, and that means lots of construction. While this is great for the economy, there are some drawbacks environmentally. Rapid and expansive construction often means pushing out certain animal...
Copa ads New Orleans flight, Iberia picks Panama for hub – Weekly News Roundup, Feb. 6th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. Panama Diamond Exchange to Hold 1st Buyer’s Week in April Panama’s first diamond exchange is slated to be a major business mover in 2015 and beyond, and they’ve got some great plans in the works. Recently,...
Spain’s Iberia Airlines Taps Panama for Regional Hub
Air travel between Panama and Spain has had a limited, but long history. In fact, they’ve been flying between Panama City and Madrid since 1971, although currently, they’re the only airline that flies non-stop Panama to Spain these days. While that may change, as Copa...
Panama hailed as “Expat Paradise.” Panama Canal set to boost China economy – Weekly News Roundup, Jan. 30th.
Welcome to the Panama Weekly News Roundup! Here’s the latest. As Panama grows, so does its reputation for being an "expat paradise". Panama has been growing as an expat haven for years, and the present time is no exception. In a recent BBC article, they lay out a few...
The Cost of Living in Panama in 2015
One of the most important factors in deciding where you want to live and work is the cost of living. How much you have to spend factors into how much you have to make, what type of lifestyle you can afford to live, and where you’ll need to live. But as an outsider,...
Panama still ranks high for retirees. Danilo Perez brings Jazz to the people – Weekly News Roundup, Jan. 23rd.
Welcome to the Panama Weekly News Roundup! Here’s the latest. Danilo Pérez Builds a Magnet for Musicians in Panama. Panama may not be known for its Jazz, but don’t tell that to Danilo Pérez. While Panama’s nightclub and dance music scene has taken center stage, Pérez...
Panama City’s Best Day Trips to the Beach
Though it’s technically winter in the northern hemisphere, in Panama, January through March is considered “Summer” as it’s the hot, dry season. And while some Panamanians and expats may have vacation time, many who work are limited to being weekend warriors, who get...
Copa capitalizes on two new markets. Inflation drops in 2014 – Weekly News Roundup, Jan. 16th.
Welcome to the Panama Weekly News Roundup! Copa is having a banner year so far in 2015, adding new flights to David, and partnering with a major Brazilian airline. Panama is quickly becoming a destination for electronic music festivals, and new stats indicate a drop...
Panama City ranked #1 in World Bank survey. Canal Expansion to boost global trade – Weekly News Roundup, Jan. 9th.
Welcome to the Panama Weekly News Roundup! Panama City ranked #1 in World Bank survey. We look at the effect of the Canal on global trade. And why Volcan may be Panama’s hidden jewel for expats. Here’s the latest. The Expansion Of The Panama Canal Will Have A Huge...