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
#333333
#1ea9d2
#5d3fd3
#F49F1C
#e5e5e5
#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
Our Digital Marketing Services
Whether you’re looking to boost local visibility, attract more customers, or enhance your online reputation, we provide everything you need to succeed
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
2 Button setup
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
HTML vs. XML Sitemaps: What They Are and Why Your Website Needs Both
Sitemaps are an essential part of website management and search engine optimization. They help users and search engines navigate and understand your site's structure. A basic understanding of what types of sitemaps exist and their purpose can be critical in ensuring...
A Comprehensive Guide to Mastering Your Online Reviews
Online reviews are the modern-day word-of-mouth. They can significantly impact your business's reputation and bottom line. A well-managed review strategy can help you attract new customers, build trust, and increase sales.The Power of Online Reviews Before we dive...
Managing Your Google My Business Profile Without a Website: Is It Right for You?
Hey there, busy business owners! It's Ziplocal, here to help you navigate the world of online marketing without the usual sales pitch. We know you're bombarded with offers and options, so let's break down something simple and essential: your Google My Business (GMB)...
Best Practices for Showcasing Reviews on Your Website
It’s well known that online reviews are one of the most powerful tools a small business can use to attract new customers. Over 90% of consumers read online reviews before buying a product or service. Positive feedback can boost your reputation and help potential...
Why You Should Invest in Your Own Digital Marketing and Website Leads Rather Than Thumbtack or Angi’s
Most small businesses resort to Angi’s or Thumbtack to generate leads. Historically, it’s been a source for getting your name out there, while simultaneously attracting individuals who are looking for your service. However, there are important things to consider...
Google Local Service Ads & Guaranteed Badge: A Dynamic Duo for Businesses
In our previous blog post, we walked you through the process of getting Google Guaranteed. Now, let's dive deeper into the world of Google Local Service Ads (LSAs) and understand how they interact with the coveted Google Guaranteed badge.Understanding Google Local...
How to Get a Google Guarantee Badge: Build Trust & Win Customers
In the competitive world of online business, trust is everything. As an SEO service provider, I often see businesses struggle to stand out and convince potential customers that they're the real deal. That's where the Google Guarantee badge comes in. This little blue...
How to Effectively Manage Reviews for Your Business
Imagine a homeowner searching online for a reliable roofing company to fix a leak. They come across two options—one with glowing reviews and another with mixed feedback. Which one will they choose? Most likely, they'll go with the highly-rated company. This scenario...
The Importance of Video Marketing for Your Business
Imagine scrolling through your favorite social media platform and stumbling upon a captivating video that instantly grabs your attention. Within seconds, you're hooked. That's the magic of video marketing. It's not just a trend; it's a game-changer for businesses of...
Top 10 Digital Marketing Tips for Home Service Companies
In today's fast-paced digital world, home service companies face unique challenges. Whether you're a plumber, electrician, roofer, or HVAC specialist, standing out online is crucial. With over 80% of consumers searching online for home services before making a...
HTML vs. XML Sitemaps: What They Are and Why Your Website Needs Both
Sitemaps are an essential part of website management and search engine optimization. They help users and search engines navigate and understand your site's structure. A basic understanding of what types of sitemaps exist and their purpose can be critical in ensuring...
A Comprehensive Guide to Mastering Your Online Reviews
Online reviews are the modern-day word-of-mouth. They can significantly impact your business's reputation and bottom line. A well-managed review strategy can help you attract new customers, build trust, and increase sales.The Power of Online Reviews Before we dive...
Managing Your Google My Business Profile Without a Website: Is It Right for You?
Hey there, busy business owners! It's Ziplocal, here to help you navigate the world of online marketing without the usual sales pitch. We know you're bombarded with offers and options, so let's break down something simple and essential: your Google My Business (GMB)...
Best Practices for Showcasing Reviews on Your Website
It’s well known that online reviews are one of the most powerful tools a small business can use to attract new customers. Over 90% of consumers read online reviews before buying a product or service. Positive feedback can boost your reputation and help potential...
Why You Should Invest in Your Own Digital Marketing and Website Leads Rather Than Thumbtack or Angi’s
Most small businesses resort to Angi’s or Thumbtack to generate leads. Historically, it’s been a source for getting your name out there, while simultaneously attracting individuals who are looking for your service. However, there are important things to consider...
Google Local Service Ads & Guaranteed Badge: A Dynamic Duo for Businesses
In our previous blog post, we walked you through the process of getting Google Guaranteed. Now, let's dive deeper into the world of Google Local Service Ads (LSAs) and understand how they interact with the coveted Google Guaranteed badge.Understanding Google Local...
How to Get a Google Guarantee Badge: Build Trust & Win Customers
In the competitive world of online business, trust is everything. As an SEO service provider, I often see businesses struggle to stand out and convince potential customers that they're the real deal. That's where the Google Guarantee badge comes in. This little blue...
How to Effectively Manage Reviews for Your Business
Imagine a homeowner searching online for a reliable roofing company to fix a leak. They come across two options—one with glowing reviews and another with mixed feedback. Which one will they choose? Most likely, they'll go with the highly-rated company. This scenario...
The Importance of Video Marketing for Your Business
Imagine scrolling through your favorite social media platform and stumbling upon a captivating video that instantly grabs your attention. Within seconds, you're hooked. That's the magic of video marketing. It's not just a trend; it's a game-changer for businesses of...
Top 10 Digital Marketing Tips for Home Service Companies
In today's fast-paced digital world, home service companies face unique challenges. Whether you're a plumber, electrician, roofer, or HVAC specialist, standing out online is crucial. With over 80% of consumers searching online for home services before making a...
HTML vs. XML Sitemaps: What They Are and Why Your Website Needs Both
Sitemaps are an essential part of website management and search engine optimization. They help users and search engines navigate and understand your site's structure. A basic understanding of what types of sitemaps exist and their purpose can be critical in ensuring...
A Comprehensive Guide to Mastering Your Online Reviews
Online reviews are the modern-day word-of-mouth. They can significantly impact your business's reputation and bottom line. A well-managed review strategy can help you attract new customers, build trust, and increase sales.The Power of Online Reviews Before we dive...
Managing Your Google My Business Profile Without a Website: Is It Right for You?
Hey there, busy business owners! It's Ziplocal, here to help you navigate the world of online marketing without the usual sales pitch. We know you're bombarded with offers and options, so let's break down something simple and essential: your Google My Business (GMB)...
Best Practices for Showcasing Reviews on Your Website
It’s well known that online reviews are one of the most powerful tools a small business can use to attract new customers. Over 90% of consumers read online reviews before buying a product or service. Positive feedback can boost your reputation and help potential...
Why You Should Invest in Your Own Digital Marketing and Website Leads Rather Than Thumbtack or Angi’s
Most small businesses resort to Angi’s or Thumbtack to generate leads. Historically, it’s been a source for getting your name out there, while simultaneously attracting individuals who are looking for your service. However, there are important things to consider...
Google Local Service Ads & Guaranteed Badge: A Dynamic Duo for Businesses
In our previous blog post, we walked you through the process of getting Google Guaranteed. Now, let's dive deeper into the world of Google Local Service Ads (LSAs) and understand how they interact with the coveted Google Guaranteed badge.Understanding Google Local...
How to Get a Google Guarantee Badge: Build Trust & Win Customers
In the competitive world of online business, trust is everything. As an SEO service provider, I often see businesses struggle to stand out and convince potential customers that they're the real deal. That's where the Google Guarantee badge comes in. This little blue...
How to Effectively Manage Reviews for Your Business
Imagine a homeowner searching online for a reliable roofing company to fix a leak. They come across two options—one with glowing reviews and another with mixed feedback. Which one will they choose? Most likely, they'll go with the highly-rated company. This scenario...
The Importance of Video Marketing for Your Business
Imagine scrolling through your favorite social media platform and stumbling upon a captivating video that instantly grabs your attention. Within seconds, you're hooked. That's the magic of video marketing. It's not just a trend; it's a game-changer for businesses of...
Top 10 Digital Marketing Tips for Home Service Companies
In today's fast-paced digital world, home service companies face unique challenges. Whether you're a plumber, electrician, roofer, or HVAC specialist, standing out online is crucial. With over 80% of consumers searching online for home services before making a...
Skip to content