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
The AI Elephant in the Marketing Room: Ziplocal’s Perspective on Effective and Ethical Implementation
Practical and Ethical AI for Your Marketing Strategy The buzz around Artificial Intelligence (AI) and Large Language Models (LLMs) in digital marketing is undeniable. It's the elephant in the room – marketers are either embracing it or risk being left behind. However,...
Your Business’s Digital Footprint: Why Consistent Citations are Non-Negotiable (and How to Fix Them Fast)
Hey there, business owner. You're juggling a million things, and "online citations" probably feels like a foreign language. But here's the bottom line: they matter. A lot.Think of Citations as Digital Trust Signals Imagine your business is a person. Online citations...
The SEO Agency Playbook: How a Digital Marketing Agency Actually “Does” SEO
What Effective SEO Truly Looks Like In the crowded digital landscape, every business owner has likely heard about SEO. But what does a truly effective SEO strategy actually look like when handled by a reputable digital marketing agency? It's far more sophisticated...
Unlocking Growth: How ‘People Also Ask’ Can Revolutionize Your Business’s Online Visibility
Harnessing PAA for Enhanced Online Presence As a successful business owner, you know the importance of being easily found by potential customers. You've likely invested in your online presence, perhaps dabbled in SEO, and are now looking for ways to take your growth...
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...
The AI Elephant in the Marketing Room: Ziplocal’s Perspective on Effective and Ethical Implementation
Practical and Ethical AI for Your Marketing Strategy The buzz around Artificial Intelligence (AI) and Large Language Models (LLMs) in digital marketing is undeniable. It's the elephant in the room – marketers are either embracing it or risk being left behind. However,...
Your Business’s Digital Footprint: Why Consistent Citations are Non-Negotiable (and How to Fix Them Fast)
Hey there, business owner. You're juggling a million things, and "online citations" probably feels like a foreign language. But here's the bottom line: they matter. A lot.Think of Citations as Digital Trust Signals Imagine your business is a person. Online citations...
The SEO Agency Playbook: How a Digital Marketing Agency Actually “Does” SEO
What Effective SEO Truly Looks Like In the crowded digital landscape, every business owner has likely heard about SEO. But what does a truly effective SEO strategy actually look like when handled by a reputable digital marketing agency? It's far more sophisticated...
Unlocking Growth: How ‘People Also Ask’ Can Revolutionize Your Business’s Online Visibility
Harnessing PAA for Enhanced Online Presence As a successful business owner, you know the importance of being easily found by potential customers. You've likely invested in your online presence, perhaps dabbled in SEO, and are now looking for ways to take your growth...
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...
The AI Elephant in the Marketing Room: Ziplocal’s Perspective on Effective and Ethical Implementation
Practical and Ethical AI for Your Marketing Strategy The buzz around Artificial Intelligence (AI) and Large Language Models (LLMs) in digital marketing is undeniable. It's the elephant in the room – marketers are either embracing it or risk being left behind. However,...
Your Business’s Digital Footprint: Why Consistent Citations are Non-Negotiable (and How to Fix Them Fast)
Hey there, business owner. You're juggling a million things, and "online citations" probably feels like a foreign language. But here's the bottom line: they matter. A lot.Think of Citations as Digital Trust Signals Imagine your business is a person. Online citations...
The SEO Agency Playbook: How a Digital Marketing Agency Actually “Does” SEO
What Effective SEO Truly Looks Like In the crowded digital landscape, every business owner has likely heard about SEO. But what does a truly effective SEO strategy actually look like when handled by a reputable digital marketing agency? It's far more sophisticated...
Unlocking Growth: How ‘People Also Ask’ Can Revolutionize Your Business’s Online Visibility
Harnessing PAA for Enhanced Online Presence As a successful business owner, you know the importance of being easily found by potential customers. You've likely invested in your online presence, perhaps dabbled in SEO, and are now looking for ways to take your growth...
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...
