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
Understanding Google Local Service Ads & The Google Guarantee
What Is The Google Guarantee? How Can This Help My Business Grow? In today's digital age, customers are bombarded with choices. When it comes to local services, they often turn to Google to find what they need. But with so many businesses vying for attention, how do...
Understanding and Tailoring Call-To-Actions for Different Generations
Creating Effective CTAs: This blog will explore this topic in detail with a focus on generational communication differences. In today’s digital marketing landscape, understanding how to effectively communicate with different generations is crucial for small businesses...
Maximizing Your Law Firm’s Online Presence
Maximizing Your Law Firm’s Online Presence: This blog will cover this topic in detail. Brought to you by the Marketing Experts at ZipLocal In today's digital age, it's more important than ever for law firms to have a strong online presence. Potential clients are...
10 SEO Tips Every Small Business Owner Needs to Know
Search engine optimization (SEO) is the process of improving the ranking of a website in search engine results pages (SERPs). By following a few simple tips, small business owners can improve their website's SEO and attract more visitors. Here are 10 SEO tips...
5 Key Trends Shaping the Future of the Home Services Industry
5 Marketing Trends For Home Services The home services industry is experiencing a boom, fueled by a growing emphasis on homeownership and increased comfort spending. But with this growth comes a need to adapt marketing strategies to keep pace with evolving customer...
The Digital Awakening: Why Every SMB in the Service Industry Needs Digital Marketing
Digital Marketing for SMBs: This blog will cover how this concept applies directly to SMB's in the Service Industry In the age of digital transformation, every business, no matter its size or industry, must adapt and evolve. For small and medium-sized businesses...
Ask the Experts: Your Top Home Services Marketing Questions Answered
Home Services Marketing Questions: This blog will explore this topic in detail. From the experts at ZipLocal. Marketing your business can be challenging as a home services business owner. You want to attract new customers, but you may not know where to start or what...
How to Create a Strong Brand Identity for Your Home Services Business
As a home services business owner, you understand the importance of providing quality services and establishing a strong reputation within your community. However, to truly stand out from your competitors and attract new customers, you need to develop a strong brand...
Why Email Marketing is Still Relevant for Home Services Companies
Email Marketing For Home Services: This blog will delve into this important topic with a focus on the Home Services Industry As technology continues to advance and marketing channels multiply, it can be easy to overlook some of the more traditional methods of reaching...
The Power of Social Media Marketing
The Importance Of Effective Social Media Marketing: Social Media Is such An Integral Part of Everyday Life. This Blog Will Explore How To Use It Effectively For Your Business The rise of social media has transformed how businesses approach marketing. Home services...
Understanding Google Local Service Ads & The Google Guarantee
What Is The Google Guarantee? How Can This Help My Business Grow? In today's digital age, customers are bombarded with choices. When it comes to local services, they often turn to Google to find what they need. But with so many businesses vying for attention, how do...
Understanding and Tailoring Call-To-Actions for Different Generations
Creating Effective CTAs: This blog will explore this topic in detail with a focus on generational communication differences. In today’s digital marketing landscape, understanding how to effectively communicate with different generations is crucial for small businesses...
Maximizing Your Law Firm’s Online Presence
Maximizing Your Law Firm’s Online Presence: This blog will cover this topic in detail. Brought to you by the Marketing Experts at ZipLocal In today's digital age, it's more important than ever for law firms to have a strong online presence. Potential clients are...
10 SEO Tips Every Small Business Owner Needs to Know
Search engine optimization (SEO) is the process of improving the ranking of a website in search engine results pages (SERPs). By following a few simple tips, small business owners can improve their website's SEO and attract more visitors. Here are 10 SEO tips...
5 Key Trends Shaping the Future of the Home Services Industry
5 Marketing Trends For Home Services The home services industry is experiencing a boom, fueled by a growing emphasis on homeownership and increased comfort spending. But with this growth comes a need to adapt marketing strategies to keep pace with evolving customer...
The Digital Awakening: Why Every SMB in the Service Industry Needs Digital Marketing
Digital Marketing for SMBs: This blog will cover how this concept applies directly to SMB's in the Service Industry In the age of digital transformation, every business, no matter its size or industry, must adapt and evolve. For small and medium-sized businesses...
Ask the Experts: Your Top Home Services Marketing Questions Answered
Home Services Marketing Questions: This blog will explore this topic in detail. From the experts at ZipLocal. Marketing your business can be challenging as a home services business owner. You want to attract new customers, but you may not know where to start or what...
How to Create a Strong Brand Identity for Your Home Services Business
As a home services business owner, you understand the importance of providing quality services and establishing a strong reputation within your community. However, to truly stand out from your competitors and attract new customers, you need to develop a strong brand...
Why Email Marketing is Still Relevant for Home Services Companies
Email Marketing For Home Services: This blog will delve into this important topic with a focus on the Home Services Industry As technology continues to advance and marketing channels multiply, it can be easy to overlook some of the more traditional methods of reaching...
The Power of Social Media Marketing
The Importance Of Effective Social Media Marketing: Social Media Is such An Integral Part of Everyday Life. This Blog Will Explore How To Use It Effectively For Your Business The rise of social media has transformed how businesses approach marketing. Home services...
Understanding Google Local Service Ads & The Google Guarantee
What Is The Google Guarantee? How Can This Help My Business Grow? In today's digital age, customers are bombarded with choices. When it comes to local services, they often turn to Google to find what they need. But with so many businesses vying for attention, how do...
Understanding and Tailoring Call-To-Actions for Different Generations
Creating Effective CTAs: This blog will explore this topic in detail with a focus on generational communication differences. In today’s digital marketing landscape, understanding how to effectively communicate with different generations is crucial for small businesses...
Maximizing Your Law Firm’s Online Presence
Maximizing Your Law Firm’s Online Presence: This blog will cover this topic in detail. Brought to you by the Marketing Experts at ZipLocal In today's digital age, it's more important than ever for law firms to have a strong online presence. Potential clients are...
10 SEO Tips Every Small Business Owner Needs to Know
Search engine optimization (SEO) is the process of improving the ranking of a website in search engine results pages (SERPs). By following a few simple tips, small business owners can improve their website's SEO and attract more visitors. Here are 10 SEO tips...
5 Key Trends Shaping the Future of the Home Services Industry
5 Marketing Trends For Home Services The home services industry is experiencing a boom, fueled by a growing emphasis on homeownership and increased comfort spending. But with this growth comes a need to adapt marketing strategies to keep pace with evolving customer...
The Digital Awakening: Why Every SMB in the Service Industry Needs Digital Marketing
Digital Marketing for SMBs: This blog will cover how this concept applies directly to SMB's in the Service Industry In the age of digital transformation, every business, no matter its size or industry, must adapt and evolve. For small and medium-sized businesses...
Ask the Experts: Your Top Home Services Marketing Questions Answered
Home Services Marketing Questions: This blog will explore this topic in detail. From the experts at ZipLocal. Marketing your business can be challenging as a home services business owner. You want to attract new customers, but you may not know where to start or what...
How to Create a Strong Brand Identity for Your Home Services Business
As a home services business owner, you understand the importance of providing quality services and establishing a strong reputation within your community. However, to truly stand out from your competitors and attract new customers, you need to develop a strong brand...
Why Email Marketing is Still Relevant for Home Services Companies
Email Marketing For Home Services: This blog will delve into this important topic with a focus on the Home Services Industry As technology continues to advance and marketing channels multiply, it can be easy to overlook some of the more traditional methods of reaching...
The Power of Social Media Marketing
The Importance Of Effective Social Media Marketing: Social Media Is such An Integral Part of Everyday Life. This Blog Will Explore How To Use It Effectively For Your Business The rise of social media has transformed how businesses approach marketing. Home services...
