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.
After you have you have updated these, convert global colors from them to use elsewhere. (Link on how these work)
#00a79d
#324c49
#333333
#eef0f2
#ceefe7
#008f85
Gradients
#00A79D
#324C49
#CEEFE7
#b6ded9
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.
Once this section is approved, we will set go to Customizer to set these defaults for the site. For now, we are just doing on-page styling.
Heading Style 1
Heading Style 2
Heading Style 3
Heading Style 4
Heading Style 5
Heading Style 6
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.
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.
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.
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.
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.
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.
Blog
Google Ads for Lawn Care: How to Win Without Overspending
Google Ads can help lawn care companies generate leads quickly, but it can also become expensive if campaigns are built the wrong way. Many business owners assume the answer is to spend more. In reality, better structure usually matters more than a bigger budget. For...
How to Generate Quality Leads Through Your Landscaping Website
For many landscaping businesses, a website is treated like an online brochure. It lists services, maybe shows a few photos, and includes a phone number somewhere on the page. But a well-built website can do much more than that. When designed properly, your website can...
How to Use Google Ads to Drive Quality Leads for Your Landscaping Business
Google Ads can be one of the fastest ways to generate leads for a landscaping business. When someone searches for services like “lawn care near me” or “landscaping company in my area,” they’re usually not just browsing. They’re trying to hire someone. That’s why...
Effective Social Media Marketing Tips for Landscaping Companies
For many landscaping companies, social media feels confusing. You see other businesses posting constantly, trying different trends, and chasing likes. Meanwhile, you’re busy running crews, managing clients, and finishing jobs. The good news is that social media for...
The Role of Quality Visual Content in Landscaping Marketing
Landscaping is one of the most visual industries there is. Think about it. When a homeowner hires a landscaper, they’re not buying a product they can hold. They’re buying a result: a yard that looks cleaner, healthier, and more appealing. That’s why visual content...
The Power of Before-and-After Photos in Landscaping Marketing
If you’re in the landscaping business, you already have one of the most powerful marketing tools available. Your work. Specifically, before-and-after photos of the projects you complete. These images don’t just look satisfying. They build trust, show proof of their...
Landscaping Marketing: Create a Value Proposition That Attracts Better Clients
If you feel like you’re constantly competing on price, chasing slow payers, or dealing with high-maintenance clients, your marketing might not be the problem. Your value proposition might be. A value proposition is a clear statement that explains: Who you help What...
Landscaping Websites Made Simple: Build One That Drives Calls and Quotes
A landscaping website doesn’t need to win design awards. It needs to do one thing well:Turn visitors into phone calls and quote requests. Too many lawn care websites look nice but don’t convert. They’re cluttered, confusing, or focused on impressing other contractors...
How to Run Lawn Care Advertising That Brings in Real Leads, Not Just Traffic
If your lawn care ads are getting views, clicks, or likes but your phone isn’t ringing, you’re not doing anything wrong. You’re just playing the wrong game. Traffic feels good. Real leads pay the bills. Homeowners don’t hire lawn care companies because an ad impressed...
How to Make Your Flyers and Yard Signs Stand Out
Flyers and yard signs can be your most powerful marketing tools. But here’s the thing: If they don’t stand out, they’re just wasted paper. You need them to catch the eye, make an impact, and drive action. In this post, we’ll cover how to design and strategically use...
