Case study · 2026 · Local business
TNT Lawn Care
A clean, professional site for a local lawn care business.
About
The TNT Lawn Care revamp was a chance to build a professional online presence that matched the quality and reliability of their work. The goal was a site that’s easy to navigate, says clearly what they offer and makes it simple for customers to get in touch and request a quote.
Who it’s for
Local homeowners in Saline County looking for dependable, high-quality lawn care. They need a brand they can trust that makes scheduling and communication straightforward.
Challenge
Translating a hands-on, community-focused business into a digital experience that feels personal and professional at once: building trust with new visitors while making it effortless to turn them into customers.
Result
TNT Lawn Care now has a polished brand online, with a clear service offering, an easy contact flow and a design that works on every device.
- 100%Mobile responsive across all devices
- < 2sAverage page load time
- 96%Performance rating on Google Lighthouse
Brand identity
Color palette
Lime
Primary: CTAs and highlights
Forest Green
Secondary: buttons and accents
Dark Green
Foreground: headings and body
Cream
Background
Light Gray
Borders and subtle surfaces
White
Cards and contrast surfaces
Typography
All text: headings, body and UI
Manrope
“Quality lawn care, done right.”
A single-font system. Clean, geometric and highly legible, approachable without being casual. Weight alone handles the whole hierarchy.
- 400
- 500
- 600
- 700
- 800
Type scale
| H1 | Manrope · 800 | Hero headline | 72px |
|---|---|---|---|
| H2 | Manrope · 700 | Section heading | 48px |
| H3 | Manrope · 700 | Card heading | 36px |
| Body | Manrope · 400 | Body copy | 16px |
| UI | Manrope · 600 | Labels and nav links | 14px |
| Caption | Manrope · 500 | Metadata and timestamps | 12px |
Buttons
Primary
Main CTAs · Manrope 700 · lime with dark green text
Secondary
Supporting actions · forest green with white text
Outline
Low-priority actions · dark green border
Badges
Primary
Service tags and featured labels
Subtle
Secondary category labels
Dark
High-contrast promotional badges
Border radius
- sm4pxTight elements
- md6pxInputs
- lg8pxCards and buttons
- 2xl16pxFeature cards
- full∞Pills and CTAs
Shadows
- SubtleDefault card lift
- MediumHover state
- LargeModals and drawers
- Lime GlowPrimary CTA emphasis
