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 Fast Does a Home EV Charger Actually Charge?
Most people buy an electric car before they think hard about how they will charge it. Then the first power bill and the first slow overnight charge arrive, and the questions start. How fast should a home charger be? Is faster always better? And why did the salesperson...
What is an electrical emergency?
Flickering lights are annoying. A blown fuse is downright inconvenient. But there are situations where risk is a lot higher, and waiting around can become unsafe. But what is an electrical emergency? Well, we know it’s when an electrical problem causes immediate...
Do you need surge protection in Australia?
Storm season on the Gold Coast can turn a peaceful afternoon into flashing skies, rolling thunder and sudden power fluctuations faster than you can get your washing off the line. Most people think lightning striking the home is rare enough to not be worried about, but...
Signs You Need a Switchboard Upgrade & to Call an Electrician
When you flip your light switch or turn on the TV, you probably don’t spare too much where that electricity is coming from, let alone if you need a switchboard upgrade. But learning a thing or two about what to look for and when to call an electrician can not only...
What is home automation? Everything you need to know.
Home automation isn’t a futuristic luxury anymore. It’s a practical way to make your place smarter, safer, and more energy-efficient. With systems like Clipsal C-Bus by Schneider Electric you can control lighting, climate, security, and entertainment from a wall...
Do you need a home security system?
Home is where you feel safest. But the reality is, more than 3.5% of Australians will experience a break-in or attempt at one, and 4% will experience malicious property damage. Most of these are opportunistic break-ins that could have either been deterred or prevented...
Who can fix an air conditioner?
The last thing you want is for your air conditioner to break in the peak of summer or through a cold winter. But, sometimes things happen. But most people don’t know who can fix an air conditioner, Do you need an electrician? A handyman? An air con specialist? Can the...
9 Reasons Why CCTV Is Important For Businesses on the Gold Coast
Whatever type of business you run on the Gold Coast, whether you’re in trades, run a business from home, have a physical office, food venue or retail space, CCTV should be more than just an afterthought. Many people know the basics of why CCTV is important for...
Where to Place CCTV Cameras
Everyone wants a safe and secure home or business. CCTV cameras are often one of the most common solutions, known for being reliable and cost-effective, helping you keep eyes on your property at all times to later review footage. However, it’s not just enough to have...
How Fast Does a Home EV Charger Actually Charge?
Most people buy an electric car before they think hard about how they will charge it. Then the first power bill and the first slow overnight charge arrive, and the questions start. How fast should a home charger be? Is faster always better? And why did the salesperson...
What is an electrical emergency?
Flickering lights are annoying. A blown fuse is downright inconvenient. But there are situations where risk is a lot higher, and waiting around can become unsafe. But what is an electrical emergency? Well, we know it’s when an electrical problem causes immediate...
Do you need surge protection in Australia?
Storm season on the Gold Coast can turn a peaceful afternoon into flashing skies, rolling thunder and sudden power fluctuations faster than you can get your washing off the line. Most people think lightning striking the home is rare enough to not be worried about, but...
Signs You Need a Switchboard Upgrade & to Call an Electrician
When you flip your light switch or turn on the TV, you probably don’t spare too much where that electricity is coming from, let alone if you need a switchboard upgrade. But learning a thing or two about what to look for and when to call an electrician can not only...
What is home automation? Everything you need to know.
Home automation isn’t a futuristic luxury anymore. It’s a practical way to make your place smarter, safer, and more energy-efficient. With systems like Clipsal C-Bus by Schneider Electric you can control lighting, climate, security, and entertainment from a wall...
Do you need a home security system?
Home is where you feel safest. But the reality is, more than 3.5% of Australians will experience a break-in or attempt at one, and 4% will experience malicious property damage. Most of these are opportunistic break-ins that could have either been deterred or prevented...
Who can fix an air conditioner?
The last thing you want is for your air conditioner to break in the peak of summer or through a cold winter. But, sometimes things happen. But most people don’t know who can fix an air conditioner, Do you need an electrician? A handyman? An air con specialist? Can the...
9 Reasons Why CCTV Is Important For Businesses on the Gold Coast
Whatever type of business you run on the Gold Coast, whether you’re in trades, run a business from home, have a physical office, food venue or retail space, CCTV should be more than just an afterthought. Many people know the basics of why CCTV is important for...
Where to Place CCTV Cameras
Everyone wants a safe and secure home or business. CCTV cameras are often one of the most common solutions, known for being reliable and cost-effective, helping you keep eyes on your property at all times to later review footage. However, it’s not just enough to have...
How Fast Does a Home EV Charger Actually Charge?
Most people buy an electric car before they think hard about how they will charge it. Then the first power bill and the first slow overnight charge arrive, and the questions start. How fast should a home charger be? Is faster always better? And why did the salesperson...
What is an electrical emergency?
Flickering lights are annoying. A blown fuse is downright inconvenient. But there are situations where risk is a lot higher, and waiting around can become unsafe. But what is an electrical emergency? Well, we know it’s when an electrical problem causes immediate...
Do you need surge protection in Australia?
Storm season on the Gold Coast can turn a peaceful afternoon into flashing skies, rolling thunder and sudden power fluctuations faster than you can get your washing off the line. Most people think lightning striking the home is rare enough to not be worried about, but...
Signs You Need a Switchboard Upgrade & to Call an Electrician
When you flip your light switch or turn on the TV, you probably don’t spare too much where that electricity is coming from, let alone if you need a switchboard upgrade. But learning a thing or two about what to look for and when to call an electrician can not only...
What is home automation? Everything you need to know.
Home automation isn’t a futuristic luxury anymore. It’s a practical way to make your place smarter, safer, and more energy-efficient. With systems like Clipsal C-Bus by Schneider Electric you can control lighting, climate, security, and entertainment from a wall...
Do you need a home security system?
Home is where you feel safest. But the reality is, more than 3.5% of Australians will experience a break-in or attempt at one, and 4% will experience malicious property damage. Most of these are opportunistic break-ins that could have either been deterred or prevented...
Who can fix an air conditioner?
The last thing you want is for your air conditioner to break in the peak of summer or through a cold winter. But, sometimes things happen. But most people don’t know who can fix an air conditioner, Do you need an electrician? A handyman? An air con specialist? Can the...
9 Reasons Why CCTV Is Important For Businesses on the Gold Coast
Whatever type of business you run on the Gold Coast, whether you’re in trades, run a business from home, have a physical office, food venue or retail space, CCTV should be more than just an afterthought. Many people know the basics of why CCTV is important for...
Where to Place CCTV Cameras
Everyone wants a safe and secure home or business. CCTV cameras are often one of the most common solutions, known for being reliable and cost-effective, helping you keep eyes on your property at all times to later review footage. However, it’s not just enough to have...