Section 1 — Brand

Logo

Dark variantUse on white / light backgrounds
Light variantUse on navy / dark backgrounds

Section 2 — Tokens

Colors

Primary cyan--color-primary#12AAEB
Navy--color-navy#001A2E
CTA red--color-cta#EF4444
Text body--color-text-body#5C5C5C
Text dark--color-text-dark#2C2C2C
White--color-white#FFFFFF

Surfaces & Borders

Surface subtle--surface-subtle#FAFBFC
Surface muted--surface-muted#F5F8FA
Surface strong--surface-strong#ECF1F4
Border default--border-default#D5DBE1

Semantic

Success--color-success#16A34A
Warning--color-warning#F59E0B
Error--color-error#DC2626
Info--color-info#12AAEB

Section 3 — Tokens

Typography & weights

H1 Default — clamp 36–72px / Light 300

Keep your bays full all year

H1 Display — landing pages / 800 ExtraBold

Book more repairs.

H2 — 44px / Light 300

A complete year of done-for-you marketing

H3 — 28px / Semibold 600

How it works

H4 — 20px / Semibold 600

Reviews & reputation

Body — Open Sans 400 / 16px

Body — Open Sans 400, 16px. The workhorse for paragraphs and long-form copy.

Small / label — 13px muted · Eyebrow — 12px bold uppercase cyan

Small / label — 13px muted

Eyebrow — 12px bold uppercase cyan

Button — 15px bold uppercase

Book Strategy Call

Heading emphasis (pick one per page)

1. Bold inline — <strong>

How a Sling Digital shop fills its bays

2. Color highlight — .highlight

Book more calls. Close more deals.

3. Underline accent — .underline-accent

The Full Bays methodology

4. Highlight block — .highlight-block

Our framework changes everything

Section 4 — Tokens

Icons

check
arrow-right
mail
phone
calendar
star
users
trending-up
map-pin
wrench
key
smartphone

Section 5 — Tokens

Spacing

--space-2xs4pxmicro-gaps in chips/icons
--space-xs8pxicon ↔ text padding
--space-sm16pxinternal element padding
--space-md24pxbetween elements
--space-md-plus32pxcard padding
--space-lg40pxsection padding
--space-xl64pxbetween sections
--space-2xl96pxhero / large rhythm

Max widths — Content container 1200px · Readable text blocks 680px

Section 6 — Tokens

Shadows & radii

--shadow-xsHairline outlines
--shadow-smResting cards
--shadow-mdRaised / hovered
--shadow-lgModals, popovers
--shadow-navSticky nav bar

Border Radius

6px
12px
16px
pill

Section 7 — Components

Buttons

Learn moreSecondary
CancelGhost
Book strategy callPrimary + .btn--shout
Learn moreOn dark bg

Section 8 — Components

Forms

Section 9 — Components

Cards

Three card types, each a distinct conversion purpose.

Attract

Draw the right car owners to your shop using local SEO, content, and social proof.

Learn more →
Dave Hollis

"Since the rebuild our shop books out three weeks ahead — without me touching marketing once."

Dave Hollis

Owner, Hollis Auto & Tire

The 15-Minute Google Checkup

See exactly where your shop stands on Google in 15 minutes.

Download Now

Section 10 — Components

Navigation

The live sticky nav is the bar at the top of this page. Desktop + mobile mockups:

↑ Desktop (top) and mobile expanded (bottom). Mobile toggle is handled by the live Header; this shows the visual pattern.

A. Dark Hero — best for premium service brands

For auto repair shops

Keep your bays full all year.

One setup, then the best marketing in your area runs on auto for 12 months.

4.9 / 5 from 87 verified clients

B. Light Hero — best for clean, trust-first pages

For auto repair shops

Keep your bays full all year.

One setup, then the best marketing in your area runs on auto for 12 months.

4.9 / 5 from 87 verified clients

C. Centered Conversion — best for single-CTA landing pages

For auto repair shops

Keep your bays full all year.

One setup, then the best marketing in your area runs on auto for 12 months.

D. Card Overlap — best for photo-led, mobile-first

For auto repair shops

Keep your bays full all year.

One setup, then the best marketing in your area runs on auto for 12 months.

4.9 / 5 from 87 verified clients

E. Polaroid StackRECOMMENDED — best for founder / local credibility

For auto repair shops

Keep your bays full all year.

One setup, then the best marketing in your area runs on auto for 12 months.

4.9 / 5 from 87 verified clients

F. Editorial Asymmetric — best for story-driven brands

For auto repair shops

Keep your bays full all year.

One setup, then the best marketing in your area runs on auto for 12 months.

4.9 / 5 from 87 verified clients
200+shops trust us

G. Brand Block 50/50 — best for bold, photo-half heroes

For auto repair shops

Keep your bays full all year.

One setup, then the best marketing in your area runs on auto for 12 months.

4.9 / 5 from 87 verified clients

Section 12 — Patterns

Content Sections

Three reusable layout patterns for the page body. Alternate backgrounds (white ↔ light gray) to create visual rhythm.

A. Alternating image + text

Step 1

Attract the right car owners

Targeted local content and SEO draw drivers who already need a mechanic — no cold outreach.

Step 2

Capture their details

Turn anonymous visitors into booked jobs with a frictionless first-visit offer.

B. Feature grid (3 columns)

Attract

Draw qualified prospects with targeted content.

Capture

Convert visitors with high-value lead magnets.

Nurture

Build trust automatically with email sequences.

C. Testimonial row

Sarah Mitchell
"3–5 qualified leads every week without paid ads."
Sarah MitchellBusiness Coach, Melbourne
James Thornton
"The methodology transformed how we think about our website."
James ThorntonConsultant, Sydney

Section 13 — Patterns

Imagery

1:1 · 80px / Avatar
4:5 · 240–600px / Portrait card
16:9 · 600–1200px / Lifestyle

Section 15 — Patterns

Stats Bar

Pure-numbers social proof. One row, four metrics. Use it once per page, immediately above or below the hero.

A. Dark (default)

  • 200+ Shops reached
  • 25+ Reviews in 90 days
  • $5k Tracked by month 12
  • 12mo Done-for-you

B. Light

  • 200+ Shops reached
  • 25+ Reviews in 90 days
  • $5k Tracked by month 12
  • 12mo Done-for-you

Section 16 — Patterns

How It Works

A. Compact (homepage)

  1. Claim your area

    One shop per service area.

  2. One-hour kickoff

    Tell us about your shop.

  3. We build, you fix cars

    Everything scheduled and live.

B. Detailed (dedicated page)

  1. Claim your area

    One shop per service area.

    • Availability check
    • No obligation
  2. One-hour kickoff

    Tell us about your shop.

    • Services
    • Offers
    • Best customers
  3. We build, you fix cars

    Everything scheduled and live.

    • Website
    • Reviews
    • 52 posts

Section 17 — Patterns

Pricing Table

Three-tier card layout. Middle card is the recommended choice — featured with a badge and lifted with primary border.

Starter
$2,500/once

For solo operators getting their first real website.

  • 5-page Sales Driven Website
  • Mobile + SEO basics
  • Google Business Profile setup
  • Lead capture form
  • Lead magnet creation
  • Ongoing optimisation
Choose Starter
Most Popular
Growth
$5,900/once

Our standard package. What 80% of clients choose.

  • 10-page Sales Driven Website
  • Local SEO + GBP optimisation
  • 1 lead magnet (PDF + landing page)
  • Email follow-up sequence
  • 90-day optimisation included
  • Paid ads management
Choose Growth
Scale
$12,000/once

For multi-location businesses ready to dominate.

  • Unlimited pages + locations
  • Full local SEO program
  • 3 lead magnets
  • Email + SMS follow-up
  • 6-month optimisation included
  • Paid ads setup & tracking
Choose Scale

Section 18 — Patterns

Guarantee

Risk-reversal block. A single bold promise — or the brand's three-layer composition — framed as a card.

A. Single promise (canonical risk-reversal card)

25+ reviews in 90 days — or we work free.

We keep working at no charge until your Google Business Profile is climbing and the reviews land.

B. Full-Bay Triple Guarantee (brand composition)

The Full-Bay Triple Guarantee

We carry the risk, three ways:

  1. Delivery

    Every asset built or full refund.

  2. 90-Day Proof

    25+ reviews in 90 days or we work free.

  3. Pays-For-Itself

    $5,000 tracked by month 12 or we work free.

The risk is ours.

Section 19 — Patterns

CTA Banner

Mid-page conversion interrupt. Big headline, one or two buttons, alternates between primary cyan and dark navy. Use once per long page.

A. Cyan (default) — Loud, grabs attention mid-content

Ready to fix your funnel?

Book a free 30-minute audit. We'll show you exactly where leads are leaking — no obligation, no upsell.

B. Navy — Restrained, for pages already using cyan in the hero

Stop guessing. Start measuring.

Get the free 8-step funnel checklist — the same one we use on every audit.

C. Photo background — Desaturated photo + dark overlay, use sparingly

Booked out is the goal. Let's get you there.

Free 30-minute audit with a real human. We'll walk through your funnel and tell you the three highest-leverage fixes — even if you don't hire us.

Section 20 — Patterns

Lead Magnet Block

Two-column trade: free download cover on the left, capture context on the right. The button triggers the popup form (Section 39).

A. Book cover (gradient) — Pure CSS, no asset production needed · works for any new lead magnet

Free Guide · 28 pages
The 8-Step Funnel Playbook
Free Download

The exact funnel we've used to grow 200+ local businesses

Learn the 8 steps that turn a cold visitor into a booked call — with copy templates, page wireframes, and the email sequence we use word-for-word.

  • The 5 hero headlines that out-perform everything else
  • Our 7-email follow-up sequence (steal it)
  • The lead-scoring rubric we use to qualify enquiries
Send me the guide

B. Device mockup (recommended) — CSS-only laptop · feels tangible · no third-party image dependency

Free Guide · 28 pages
The 8-Step
Funnel Playbook
Free Download

The exact funnel we've used to grow 200+ local businesses

Learn the 8 steps that turn a cold visitor into a booked call — with copy templates, page wireframes, and the email sequence we use word-for-word.

  • The 5 hero headlines that out-perform everything else
  • Our 7-email follow-up sequence (steal it)
  • The lead-scoring rubric we use to qualify enquiries
Send me the guide

Section 21 — Patterns

Testimonials Grid

Three written testimonials with stars, quote, name, and role. Real names of real people in your customer's industry.

Within six weeks of the new site going live, we went from 3 enquiries a week to 11. The funnel approach actually works — we're booked out two months.

Sarah Kelly
Owner, Kelly Plumbing & Gas

We'd been with three other agencies. None of them measured anything. SDW set up tracking on day one and now I can tell exactly which page is making me money.

Marcus Reid
Director, Reid Roofing

The lead magnet idea sounded gimmicky to me. It's now responsible for 60% of our new client pipeline. Should have done it five years ago.

Jen Chen
Principal, Chen Family Dental

Section 22 — Patterns

Case Studies

Busy auto shop Case Study
Auto Repair · Independent

42 new customers at a $207 average ticket

A Grand Rapids shop layered a front-end offer over local SEO and review automation. Published industry result.

42
New customers
$207
Avg ticket
90d
To result

Published industry result · not our client

Mechanic working Case Study
Auto Repair · Franchise

+214% calls and +31% revenue in a year

A multi-location franchise rebuilt its funnel around Google and win-back campaigns. Published industry result.

+214%
Calls
+31%
Revenue
12mo
To result

Published industry result · not our client

Section 23 — Patterns

Case Study Showcase

Full-width navy band with a bold headline and a horizontal row of branded result cards. Use as a proof anchor before the final CTA.

Case Studies

Become our next success story

Section 24 — Patterns

Comparison Table

What you get Full Bays Year-Round Marketing Agency In-House Hire
Done-for-you Yes Sometimes No
25+ reviews in 90 days Yes No No
You own everything Yes No Yes
No monthly retainer Yes No No
Results tracked to revenue Yes Sometimes No
Total first-year cost $5,000 once $30k+/yr $60k+ salary

Section 25 — Patterns

FAQs

Is $5,000 really all I pay?

One fee, including the software for 12 months.

How fast will I see something?

Reviews and win-back start in the first few weeks.

What if it doesn't work?

That's what the Triple Guarantee is for.

Section 26 — Patterns

Blog Preview

Section 27 — Patterns

Industries Served

A. Icon tiles (8 · 4×2 grid)

  • General Repair
  • Brakes
  • Diagnostics
  • Fleet
  • Electrical
  • A/C & Heating
  • Tires & Align
  • Oil & Fluids

B. Photo strip (immersive)

  • General RepairServiceGeneral Repair
  • Brakes & SuspensionServiceBrakes & Suspension
  • DiagnosticsServiceDiagnostics
  • Fleet & CommercialServiceFleet & Commercial

Section 28 — Pages

About / Founder

Marlon, founder of Sling Digital
10 years by hand Now systemized
About Marlon

I built Full Bays Year-Round after 10 years of doing this by hand.

For 10 years I ran local marketing for auto shops by hand. The pattern never changed: money out, no idea what came back.

So I systemized it into one done-for-you year. Every result tracked, and the shop owns everything.

Marlon
Founder · Sling Digital

Section 29 — Pages

Contact

Talk to us about your shop

Free 15-minute call. No prep needed — we'll share screen and walk through your Google profile, reviews, and site together.

Phone1300 000 000
Emailhello@slingdigital.co
Service areaOne shop per area, US-wide
HoursMon–Fri · 9am–5pm
[ Google Maps embed goes here ]

Send us a message

Section 30 — Patterns

Signature Mark

Keep your bays full all year.

Only 10 spots left.

A full year of marketing.

Section 31 — Patterns

Client Logo Strip — static

Trusted by 200+ independent auto repair shops

  • KELLY PLUMBING
  • Reid Roofing
  • CHEN DENTAL
  • NORTHWOOD & CO
  • APEX ELECTRICAL
  • Harbour Legal
  • BRIGHT & CO
  • PEAK PHYSIO

Client Logo Strip — marquee

Trusted by 200+ independent auto repair shops

  • KELLY PLUMBING
  • Reid Roofing
  • CHEN DENTAL
  • NORTHWOOD & CO
  • APEX ELECTRICAL
  • Harbour Legal
  • BRIGHT & CO
  • PEAK PHYSIO

Section 32 — Patterns

Video Patterns

A. Hero Loom (16:10 explainer)

Founder explainer
Watch — 1 min explainer1:08

B. Video testimonial cards (9:16)

Testimonial 9:16
+267%
Sarah · Precision Auto
Testimonial 9:16
23 reviews
Dave · Hollis Auto

C. Case study walkthrough (16:9)

Case study 16:9
Case Study · 4 min
How one shop tripled jobs

Section 33 — Patterns

Urgency & Scarcity

A. Top scarcity banners (stacked)

B. Spots-remaining pill (next to a CTA)

Claim my area3 spots left this month

C. Countdown timer

Launch pricing ends in
02Days
14Hours
36Mins

Section 34 — Patterns

Live Activity Toast (static)

DA
A shop in Dallas, TX booked a strategy call
2 minutes ago
A shop in Austin, TX downloaded the playbook
8 minutes ago

Section 35 — Patterns

Mobile-First Patterns

The biggest single conversion lift for local service businesses lives on mobile: sticky bottom CTA, drawer nav, mobile-first hero.

[ Mobile page content ]
A. Sticky bottom CTA — always visible · single audit CTA
B. Drawer navigation — right-slide · full-height · ends with a CTA
Built for Auto Repair Shops

More booked bays. Less hustle.

A complete year of done-for-you marketing — no agency retainer.

Claim Your Area
C. Mobile-first hero — tighter copy · single full-width CTA

↑ Live sticky CTA — fixed to the viewport bottom on mobile.

Section 36 — Components

Forms — Extended States

A. Validation states

As it appears on your business.
Looks good.
Submitting…

B. Multi-step booking flow

Service
2 Time
3 Details

Pick a time

C. File upload (drag-drop)

D. Booking embed wrapper

[ Calendly / GHL booking iframe loads here ]

E. Production lead form

Section 37 — Patterns

Empty States

Error 404

This page packed up and went home.

The page you're after doesn't exist, or got moved. Check the URL, or try one of the links below.

Got it. Your audit is booked.

We'll send a calendar invite to hello@example.com in the next 5 minutes. Talk to you Tuesday at 2pm AEST.

We're at capacity for May.

Our June cohort opens for booking on the 15th. Pop your email below and we'll let you know the moment a spot opens.

Section 38 — Patterns

Footer

Two variants. Dark (navy) is the live default — also rendered at the very bottom of this page.

A. Dark (default)

B. Light

Section 39 — Components

Popup Form (static preview)