
What a good quote always includes
Three things to ask before you hire anyone, and the answers worth hearing.
Ready to plan your yard?
Tell us about the project. We walk it with you within a week.
A section background of slow, drifting colour with your content in a slot on top. Three palettes: your site's own primary tokens; Dusk, a purple and a teal glow rising along the bottom over a dark ground; and Lagoon, three cyan to green glows drifting low and quick, with its own light version on a pale mint ground. Drift speed and a still setting as props; still is also what reduced motion and a missing stylesheet get.
A full-width hero background in dark or light, with Dusk. A hero background that moves slowly behind the headline. A closing call to action with more presence than a flat band. A section divider between two plain parts of a long page.
palette (select: site, dusk, lagoon); tone (select: light, dark); drift (select: slow, medium, still); slot: content
Open the item pagePlain writing on the law we practise.
Short, useful and dated, so you know when it was true.

Three things to ask before you hire anyone, and the answers worth hearing.


A Section intro over three Blog cards with a link to the archive. On a site, wrap the cards in a posts loop and map the card's props from the post.
The latest posts section on a home page. A resources or news block on a landing page. A reading list at the end of a service page.
A pattern: edit the Section intro; replace the three cards with a loop of posts mapped to the Blog card's props.
Open the item pageTalk to a person, not a form.
Call, write or come by. For a quote, the visit is free.
We read every message the same day and reply by the next business day.
Your form goes here: drop in a SureForms or WS Form block and delete this box.
A Section intro and a list of Detail items (phone, email, office, hours) beside a form card. The form card holds a marked slot for your form plugin's block; the details link where they can.
A contact page with details on one side and a form on the other. A get a quote section at the end of a service page. A visit us block with address, hours and a booking form.
A pattern: edit the Section intro and each Detail item; drop your form block into the marked box.
Open the item pageReady to get started?
Tell us about the project. We talk it through with you within a week and send a written plan and a line-item price.
A closing band: a centred or start-aligned Section intro with one or two actions, on dark, light or plain. The section that ends most pages.
The closing section of almost any page. A book a call band between two long sections. A newsletter or download prompt on a dark band.
A pattern: edit the Section intro's props. Change the band with bg–light or band–dark on the section.
Open the item pageMost projects start four to six weeks after you approve the quote. Emergency repairs go out the same day.
Yes. Every quote lists each line of work and its price, and the invoice matches it unless you change the scope.
We reschedule the outdoor days and tell you the night before. Indoor work carries on.
We file them and the fee is on the quote as its own line.
Two years on workmanship, and the manufacturer's on materials.
A Section intro beside or above a list of FAQ items (native details, no script). The first question starts open.
A questions section before the closing call to action. A support page with the most asked questions. Objection handling on a pricing page.
A pattern: edit the Section intro and each FAQ item's question and answer slot; add or remove items.
Open the item pageHelp that fits the day you actually have.
Book online, get a clear answer the same day, and know what happens next before anything starts.

The words centred, a wide image or product shot below: a Section intro at H1 with two buttons, an optional proof row, and a framed media panel. The quiet opener for software, clinics and anything that wants the headline alone.
A software or clinic home page opener. A landing page hero with a product shot below the words. A page opener where the headline stands alone.
A pattern: edit the Section intro's props, the proof facts and the image. Add bg–light to the section for a light band.
Open the item page
Fixed today. Priced before we start.
Someone with you within the hour when it is urgent, and a price you agree to before the work begins.
Here in 40 minutes on a Sunday.
Something failed at 7am. The office answered, help arrived before 8 and the price was exactly what she quoted on the phone.
A full-bleed photo under a dark scrim with the words set on it: a Section intro at H1 in light text, a proof row, and an optional floating review card that hangs off the bottom edge. The opener for trades, hospitality and anything with a strong photo.
A trades or hospitality hero with the words over a photo. A full-bleed opener with a floating review card. A seasonal or campaign landing page.
A pattern: edit the Section intro's props, the photo, the proof facts and the Review card inside. Minimum height is clamped between 34 and 52rem.
Open the item pageDone properly, the first time.
Plan, deliver and support from one team. You get a written plan and a line-item price before anything starts.

The page opener with the words on one side and a photo on the other: a Section intro at H1 with two buttons, a proof row of three facts under it, and a framed image. Media left or right, plain or on a light band.
A service business home page opener with a photo beside the words. A landing page hero with two actions and three proof points. An about page opener.
A pattern: edit the Section intro's props (eyebrow, headline, lead, buttons), the three proof facts, and the image. The section carries the classes for media side (hero-split–media-left) and band (bg–light).
Open the item pageA row of logos that drifts sideways without end, never pausing on hover, stopping only for reduced motion or while off screen. Logos are a repeater; a second row can run the other way. Animated by script, so no keyframes to install.
A row of client or partner logos that drifts past. Insurers accepted, on a clinic page. As seen in or trusted by, under a hero.
heading (text, read by screen readers); logos (repeater: image URL, name); speed (select: slow, medium, fast); secondRow (boolean, runs the other way); height (select: small, medium, large)
Open the item pageOne price, no surprises.
Every plan is a fixed monthly price with the visits, the scope and your contact written down.
A light, occasional need
$89per month
Cancel any time.
Most homes
$149per month
Cancel any time.
Larger needs
$329per month
Quoted to your needs.
A Section intro over two or three Plan cards, one featured. Plain, light band or dark; monthly or annual; a variant whose cards glow at the foot on hover. Each card's features are a repeater, so a plan changes without touching the layout.
Two or three plans with one recommended. Monthly and annual pricing. Packages for a service business.
A pattern: edit the Section intro and each Plan card's props; add or remove cards in the grid.
Open the item pageFour steps from first call to finished job.
You know the price and the dates before anything starts.
A 30-minute visit to listen, ask questions and talk budget.
A plan and a line-item price within a week.
Sign off, pick a start date, pay a deposit.
One team, one lead, regular updates until the job is done.
A Section intro over a numbered list of Process cards. The list counts the steps, so adding one never means renumbering.
A how it works section. An onboarding sequence on a landing page. What happens next, after a contact form.
A pattern: edit the Section intro and each Process card; add or remove steps in the list.
Open the item page
Same-day, in clinic or video.

Labs, vitals and a plan for the year.

Cleared to play in one visit.

Full-body exam with dermoscopy.

Vaccines and prescriptions before you go.

For snoring, apnea and insomnia.

Skin-prick panel, results same day.
A labelled row of cards that scrolls sideways, with real previous and next buttons that page through it and disable at the ends. The cards are a slot: drop any cards in. Keyboard users get a focusable track; touch users swipe with scroll snap.
A row of services or products that scrolls sideways. A more like this strip under an article. A team, locations or categories strip on a phone-first page.
label (text, the row's heading); cardWidth (select: narrow, medium, wide); items slot (list items with any card inside)
Open the item pagePlain answers, fixed prices, the same team every time.
Everything under one number. You hear the price before the work starts, and the person who quoted it is the one who does it.
The opening of every section: a literal heading as the eyebrow, the headline as a paragraph, an optional lead and up to three actions. Heading level, alignment and every optional piece are props.
The opening of any section: eyebrow, headline, lead and actions. A page header at H1. A centred introduction above a grid.
eyebrow (text, the literal heading); level (select: h2, h1, h3); headline (text); showLead (boolean); lead (text); align (select: start, center); showActions (boolean); primaryLabel and primaryHref; secondaryLabel and secondaryHref; linkLabel and linkHref
Open the item pageEverything you need, from one team.
Pick a service to see what is included and where prices start.






A Section intro over a responsive grid of Service cards. Three, four or six cards, plain or on a light band; the grid reflows from three across to one by container width.
A what we do section with three, four or six services. A features grid on a landing page. A categories overview.
A pattern: edit the Section intro and each Service card's props; add or remove cards in the grid.
Open the item pageFourteen years, one standard.
Four Stats in a row, on dark with a Section intro or on a light band alone. Prefix and suffix keep one baseline.
A numbers band between two sections. Proof under a hero. Results on an about page.
A pattern: edit each Stat's props and the intro; add or remove stats in the list.
Open the item pageEleven people. One rule.
Every client hears the plan and the price before the work starts. Everyone here works that way.






A Section intro over a grid of Team cards, four or six across, portrait or square. Plain or on a light band.
A meet the team section. A doctors, attorneys or trainers grid. A speakers or contributors list.
A pattern: edit the Section intro and each Team card; add or remove cards.
Open the item pageWhat our customers say.
Every review is from a real client, reprinted with permission.
They finished a week early.
They showed up when they said, kept us informed and walked us through every change before making it.
Fixed price, no surprises.
Three quotes; theirs was the only one with a line for everything, and the invoice matched it to the dollar.
Good work, slow to start.
Six weeks to get on the schedule, but once they started the job ran four days straight.
Our neighbours keep asking who did it.
Two years on and it still works like the day it was finished. The plan held up.
Answered the phone.
Every time. That alone put them ahead of the other four.
The plan sold it.
We saw exactly what we were paying for before we paid for it.
A Section intro over a grid of Review cards, plain, on a light band or on dark. Three, four or six.
A wall of reviews on a home page. Social proof before a pricing table. A reviews page.
A pattern: edit the Section intro and each Review card; add or remove cards.
Open the item pageNothing matches. Clear the search.