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
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...
Spring Landscaping Flyers That Actually Get Calls
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...
Proven Landscaping Advertising Ideas That Make Homeowners Call You
If you’ve ever paid for lawn care ads that got likes, views, or “awareness” but zero phone calls, you’re not alone. Most landscaping advertising fails for one simple reason: it’s built to be seen, not acted on. Homeowners don’t wake up wanting to admire your logo....
How To Plan Seasonal Content That Grows Your Landscaping Business
Seasonal marketing is one of the easiest ways to get more leads without reinventing your entire strategy. Homeowners already think about their yard in seasons. If your content lines up with what they are worried about right now, you stay relevant and trusted. The...
How Landscapers Can Take Better Photos And Videos For Marketing
Great photos and videos do more than make your work look nice. They help homeowners trust you before they ever pick up the phone. If your visuals feel rushed or inconsistent, you are likely losing leads without realizing it. The good news is you do not need expensive...
Lawn Care Ad Writing Tips: Get Better Results On Google
Google Ads can be one of the fastest ways to book lawn care jobs. But most lawn companies waste money because their ads sound generic, rushed, or unclear. Homeowners searching for lawn care are usually ready to act. They just want to know one thing fast. Are you the...
How To Build A Landscaping Website That Actually Sells
Your website should do more than look good. It should help you book better jobs, filter out bad leads, and save you time every week. If your site only lists services and a phone number, you are leaving money on the table. Most homeowners decide whether to contact you...
