Tome theme · Trades and home services
Groundwork. Built to make the phone ring.
For roofers, plumbers, landscapers, restoration crews and clinics: any business whose website is there to turn a local search into a call, a quote request or a booking. Every section on the page moves a visitor one step closer to that.
- Palettes
- 4, each light and dark
- Price
- In the Craft Library, or $199 once with its packs
- Demo
- Northfork Roofing & Exteriors, a fictional roofer
Palettes
Four palettes. Pick the one that looks like your trade.
Every palette as the whole home page, side by side. Scroll inside any of them to see it top to bottom. Under the colors, the sections stay the same.
Captured from the demo at 1440px. Northfork Roofing & Exteriors, a fictional roofer.
Every palette also has a dark mode. The claims, process and estimate bands stay dark in both.
The sections
What each section does for the business.
These are crops from the live demo. Each one moves a visitor a step closer to calling or asking for a quote.
A first screen that asks one question
The first screen asks one question: what needs work? A visitor picks a service and taps one button, and on a phone the Call button comes first. Under it sits a proof line you edit in the admin; the demo uses it for the next opening and the review score.
License, insurance and warranty, set large
Years licensed, insurance cover and warranty length, set large on a dark band, with the license number and the fine print underneath where people look for it.
The Job Log
Recent jobs as a dated ledger: the day, the neighborhood, what was done, one photo and how it turned out. A visitor sees you were working on their side of town last week.
Service pages that answer the phone questions
How long it takes, the usual price range, the warranty, the crew and who pulls the permit sit in the margin beside the description, with a card naming the foreman who leads the job. Shown here in Field.
The estimate request
Every page ends on the ask: how quickly you call back, your hours, every town you serve and a short form, with the same "Get my estimate" button the rest of the site uses.
That's what a visitor sees. Here's what you get to build it.
What's in the package, and what it's built from.
Navbar 7, clear over the hero and solid once you scroll, with a Call button on phones. Footer 7 on the muted ground, carrying hours, service area and license numbers.
Timber, Brick, Harbor and Field, each in light and dark.
Zilla Slab for headings and the big numbers, Hanken Grotesk for everything else. Both ship inside the package under the SIL Open Font License, so the site makes no third-party font request.
The quick-ask hero, the claims band, the Job Log, the process rail, service-page margin facts, the next-step card and the estimate section.
One small rise-and-fade as each section arrives, played once and off for anyone who has reduced motion turned on. An optional measuring-grid texture behind the estimate band.
None. Hours, towns and license numbers are entered in the blocks that show them.
What it's built from
A theme owns no blocks of its own. It restyles blocks from the Tome packs below.
| On the page | Block | Pack | With the theme |
|---|---|---|---|
| Quick-ask hero | High Impact Hero | Marketing Starter | Free |
| Claims band | Proposal Stat Strip | Proposal Pack | Free |
| Job Log, process rail | Dated Ledger, Phase Ledger | Dossier Blocks | Included |
| Estimate section | Contact (estimate variant) | Agency Essentials | Included |
| Service-page detail and margin facts | Editorial Spread, Info Panel | Editorial Blocks | Included |
Buying the theme includes every pack marked Included above, so you can build the pages exactly the way the demo has them. The theme also restyles any other Tome block you add.
Two ways in
Install it yourself, or have us set it up.
Developers and agencies install it themselves; business owners usually want it set up. It's the same theme either way.
Install it yourself · developers and agencies
The Craft Library
Every theme and every paid block pack, Groundwork included, for $250 a year.
Or just Groundwork, $199 once
It includes the packs the demo is built from (Dossier Blocks, Agency Essentials and Editorial Blocks). Each purchase covers one production site, and staging and development copies are unlimited. The purchase adds it to your account, and you install it from our registry with the token on your account page.
# after purchase: registry token from your account page
pnpm add @wabbit/tome-theme-groundwork
// app/layout.tsx
import '@wabbit/tome-ui/tokens.css'
import '@wabbit/tome-theme-groundwork/styles.css'
import '@wabbit/tome-theme-groundwork/fonts.css'
<!-- pick the palette on the html element -->
<html data-tome-theme="groundwork" data-tome-palette="brick">Set it up for me · business owners
We set it up
We install Groundwork on a new site and swap the demo's roofing company for your business: your services, towns, hours, license numbers and job photos. You get a written proposal with the price before any work starts.
Runs on
What it runs on.
- Payload
- 3.67 or later
- Next.js and React
- Next.js 15 or later, React 19
- @wabbit/tome-ui
- 0.17.1 or later, below 1.0
- @wabbit/tome-core
- 1.21.1 or later, below 2.0. Only needed to list the theme in the admin's theme switcher.
- Package
- @wabbit/tome-theme-groundwork 0.2.1, a preview release
- Fonts
- Self-hosted from the package, SIL Open Font License
- License
- One production site per purchase. Staging and development copies are unlimited.
Tell us about your business.
Pick a palette and tell us what the business does. We'll reply with questions or a written proposal for setting up Groundwork with your details.
Installing it yourself?
The Craft Library includes Groundwork, every other theme and every paid pack for $250 a year. Or buy Groundwork alone for $199 once, with the packs it needs, for one production site.
Set up Groundwork for my business