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
Things Your Homeowner’s Insurance Policy May Not Cover
Every homeowner needs homeowner’s insurance. We all know that it is an essential protection to safeguard your home, your property, and the future prosperity of your family. Sadly though, it is not a solution for all your insurance needs. While homeowner’s insurance...
What to do When You’re Locked Out of Your Car?
Is there anything that will leave a pit in your stomach like realizing you left your keys in the car just after you shut the door? The mixture of embarrassment and panic as you suddenly realize your entire day has just been entirely rearranged? The self-directed...
How to Stay Warm When the Power Goes Out
It’s been a cold and blustery winter, and we may have to wait even longer for warmer weather to arrive. It’s been a season of high winds, record snowfall, and plunging temperatures, it was only a matter of time before something went wrong, and sure enough the power...
If you have Children Watching YouTube Kids, you Need to Start Paying Attention
Do you know what your children are watching on YouTube Kids? Don’t just answer "cartoons” or "Peppa Pig,” what are they really watching? Have you stopped to look at the titles of the videos? Or watched any of the skits being performed? If you’re not actively...
What You Might Not Know About Pet Insurance
When we think about pet insurance, we typically think of it in terms of medical emergencies. Those moments when a pet is hurt or seriously sick and requires expensive veterinarian care. We want to be able to be there for our furry family members when they really need...
How to Start a New Exercise Program and Make it a Success
Are you finally committing to that morning jog you’ve been thinking about for months now? Or are you heading back to the gym for the first time since high school and you’re not sure where to start? Or maybe you’re not sure what kind of exercise you want to do, all you...
Home Heating Hazards
When the mercury dips like it did near the end of January, people will do almost anything to warm up. This is especially true when your normal heating solutions won’t do the trick. Whether your furnace has broken down, or an extended power outage has turned your...
Social Media Safety: Don’t Share More Than you Mean to
Social media is a fantastic way to stay connected to the people in your life. It lets you trade jokes with your friends while waiting in line at the grocery store, talk to a sympathetic ear when you're up at 2:00 a.m., and share exactly what is going on in your life...
Few Things You Should Never Leave in Your Car
When we think about automobile crime, we tend to focus on car theft, thieves that will make off with your entire vehicle. Obviously, that is a huge concern and one you should definitely take steps to protect yourself from. But, statistically speaking, you’re more...
What is Personal Cyber Insurance?
With a seemingly never-ending wave of high-profile attacks rocking the tech world for the past two years, none of us can afford to be complacent about cyber crime anymore. But, while many of us understand the threat cyber crime poses, not all of us are sure where to...
Things Your Homeowner’s Insurance Policy May Not Cover
Every homeowner needs homeowner’s insurance. We all know that it is an essential protection to safeguard your home, your property, and the future prosperity of your family. Sadly though, it is not a solution for all your insurance needs. While homeowner’s insurance...
What to do When You’re Locked Out of Your Car?
Is there anything that will leave a pit in your stomach like realizing you left your keys in the car just after you shut the door? The mixture of embarrassment and panic as you suddenly realize your entire day has just been entirely rearranged? The self-directed...
How to Stay Warm When the Power Goes Out
It’s been a cold and blustery winter, and we may have to wait even longer for warmer weather to arrive. It’s been a season of high winds, record snowfall, and plunging temperatures, it was only a matter of time before something went wrong, and sure enough the power...
If you have Children Watching YouTube Kids, you Need to Start Paying Attention
Do you know what your children are watching on YouTube Kids? Don’t just answer "cartoons” or "Peppa Pig,” what are they really watching? Have you stopped to look at the titles of the videos? Or watched any of the skits being performed? If you’re not actively...
What You Might Not Know About Pet Insurance
When we think about pet insurance, we typically think of it in terms of medical emergencies. Those moments when a pet is hurt or seriously sick and requires expensive veterinarian care. We want to be able to be there for our furry family members when they really need...
How to Start a New Exercise Program and Make it a Success
Are you finally committing to that morning jog you’ve been thinking about for months now? Or are you heading back to the gym for the first time since high school and you’re not sure where to start? Or maybe you’re not sure what kind of exercise you want to do, all you...
Home Heating Hazards
When the mercury dips like it did near the end of January, people will do almost anything to warm up. This is especially true when your normal heating solutions won’t do the trick. Whether your furnace has broken down, or an extended power outage has turned your...
Social Media Safety: Don’t Share More Than you Mean to
Social media is a fantastic way to stay connected to the people in your life. It lets you trade jokes with your friends while waiting in line at the grocery store, talk to a sympathetic ear when you're up at 2:00 a.m., and share exactly what is going on in your life...
Few Things You Should Never Leave in Your Car
When we think about automobile crime, we tend to focus on car theft, thieves that will make off with your entire vehicle. Obviously, that is a huge concern and one you should definitely take steps to protect yourself from. But, statistically speaking, you’re more...
What is Personal Cyber Insurance?
With a seemingly never-ending wave of high-profile attacks rocking the tech world for the past two years, none of us can afford to be complacent about cyber crime anymore. But, while many of us understand the threat cyber crime poses, not all of us are sure where to...
Things Your Homeowner’s Insurance Policy May Not Cover
Every homeowner needs homeowner’s insurance. We all know that it is an essential protection to safeguard your home, your property, and the future prosperity of your family. Sadly though, it is not a solution for all your insurance needs. While homeowner’s insurance...
What to do When You’re Locked Out of Your Car?
Is there anything that will leave a pit in your stomach like realizing you left your keys in the car just after you shut the door? The mixture of embarrassment and panic as you suddenly realize your entire day has just been entirely rearranged? The self-directed...
How to Stay Warm When the Power Goes Out
It’s been a cold and blustery winter, and we may have to wait even longer for warmer weather to arrive. It’s been a season of high winds, record snowfall, and plunging temperatures, it was only a matter of time before something went wrong, and sure enough the power...
If you have Children Watching YouTube Kids, you Need to Start Paying Attention
Do you know what your children are watching on YouTube Kids? Don’t just answer "cartoons” or "Peppa Pig,” what are they really watching? Have you stopped to look at the titles of the videos? Or watched any of the skits being performed? If you’re not actively...
What You Might Not Know About Pet Insurance
When we think about pet insurance, we typically think of it in terms of medical emergencies. Those moments when a pet is hurt or seriously sick and requires expensive veterinarian care. We want to be able to be there for our furry family members when they really need...
How to Start a New Exercise Program and Make it a Success
Are you finally committing to that morning jog you’ve been thinking about for months now? Or are you heading back to the gym for the first time since high school and you’re not sure where to start? Or maybe you’re not sure what kind of exercise you want to do, all you...
Home Heating Hazards
When the mercury dips like it did near the end of January, people will do almost anything to warm up. This is especially true when your normal heating solutions won’t do the trick. Whether your furnace has broken down, or an extended power outage has turned your...
Social Media Safety: Don’t Share More Than you Mean to
Social media is a fantastic way to stay connected to the people in your life. It lets you trade jokes with your friends while waiting in line at the grocery store, talk to a sympathetic ear when you're up at 2:00 a.m., and share exactly what is going on in your life...
Few Things You Should Never Leave in Your Car
When we think about automobile crime, we tend to focus on car theft, thieves that will make off with your entire vehicle. Obviously, that is a huge concern and one you should definitely take steps to protect yourself from. But, statistically speaking, you’re more...
What is Personal Cyber Insurance?
With a seemingly never-ending wave of high-profile attacks rocking the tech world for the past two years, none of us can afford to be complacent about cyber crime anymore. But, while many of us understand the threat cyber crime poses, not all of us are sure where to...