Anvil
Anvil is the local-trades theme — built to look as serious as the work, not like the safety-orange-on-navy template every competitor uses. A dark charcoal canvas with one warm amber accent, a numbered editorial services list, and a real before/after slider. Best for plumbers, electricians, HVAC techs, roofers, landscapers, and small contractor crews who live on the next call.
| Property | Value |
|---|---|
| Tier | Pro ($39 launch / $49 reg.) |
| Category | Trades / local services |
| Body font | DM Sans |
| Display font | Barlow Condensed (500–800) |
| Brand accent | Amber (#c8a96e) on charcoal (#161513) |
| SEO | LocalBusiness JSON-LD wired to your config |
Included pages
Section titled “Included pages”/— homepage: full-bleed dark hero, statement, numbered services, fleet band, before/after slider, reviews, promise, process, service area, quote form, FAQ/services/— services breakdown/about/— story + team/contact/— service-request form/blog/and/blog/[slug]/— tips/articles index + post pages/sections/— live gallery of all 16 sections with copy-paste snippets/privacy/,/terms/,/404
What makes Anvil different
Section titled “What makes Anvil different”- Dark editorial palette — charcoal base + one warm amber accent. No safety-orange-on-navy cliché, no duotone stock photos.
- Numbered services list with hover-reveal — services are a numbered editorial list (01, 02, 03…) over rule lines; hovering a row swaps in a sticky job photo. The number does the work an icon-card grid usually fakes.
- Before / after drag slider — drag to reveal the work, with per-item treatments (a yellow hue or black-and-white on the “before” side) to dramatize the fix.
- Full-bleed dark photo bands — real crew + truck imagery, treated dark, never framed in a card.
- Pull-quote reviews — one large inline quote + a plain “rating across N reviews” line instead of a star-badge wall.
- Three ways to get the call — a free-quote form with a service selector, a full contact form, and a sticky blurred call bar with a 24/7 indicator.
What’s next
Section titled “What’s next”- Configure → site.ts — business name, phone, hours, address, service area, services, and reviews all flow from this one file.
- Local SEO — the LocalBusiness JSON-LD pulls your name, phone, address, hours, and area straight from
site.ts. Fill these in accurately; search engines use them. - Configure → Forms — both the quote form and contact form read
quote.provider(Formspree / FormSubmit / Netlify); the service dropdown comes fromquote.services. - Swap the imagery — replace the demo photos in
public/images/with your own crew and job shots.