HVAC · design 03 of 03
Hearth
Home comfort, warmly: radial arc menu, a cutaway house at dusk, peel-corner cards, seasonal carousel.
Live at
hvac3.thesamplesite.com
- Pages
- 26
- Screens captured
- 7
- Industry
- HVAC
- Status
- Deployed
The screens
7 captures
Full-page captures, top to bottom. Hover or focus a frame and it pans the whole page; open one to read it at size.
Who it is for
Same trade, three completely different businesses: emergency dispatch, design-build engineering, home comfort.
Hearth is one of 3 designs in the hvac set, and each of them is written for a different kind of business inside the same trade — so the one that fits is a choice, not a compromise. If this one is close but not exact, the others are below.
It suits a business that wants to see the whole site before committing to it. Nothing here is a template preview or a screenshot of an idea: hvac3.thesamplesite.com is deployed, and every page, form and calculator on it works.
What you get
- 01
26 real pages
Not a page count invented for a brochure — 26 is the number of routes this site's own production build emitted.
- 02
Working, not wired-up
Forms, calculators, filters and search on this design run in the browser on the live site. Open it and use it.
- 03
Its own design system
Palette, type pairing, motion language and component set belong to this design alone. No two demos in the collection share them.
- 04
Responsive down to 320px
Every layout, card, table and drawer is built and checked at 320, 375, 414, 768, 1024, 1280, 1440 and 1920.
- 05
Reduced-motion aware
Every animation, parallax and cursor effect turns itself off for a visitor who asks for less motion.
- 06
Static, on the edge
Pre-rendered HTML served from Cloudflare Pages. No server to keep alive, no database to migrate.
How it is built for search
These are structural facts about the build, checkable in the page source of the live site. We publish no ranking, traffic, Lighthouse or Core Web Vitals numbers here — they depend on your content, your domain and your market, and quoting someone else's would be meaningless.
- Per-page titles and meta descriptions
- Every route carries its own, written for that page — not one template repeated.
- Canonical, Open Graph and Twitter tags
- So the right URL is indexed and links unfurl correctly when shared.
- JSON-LD structured data
- Organization and the correct LocalBusiness sub-type for the trade, plus Service, FAQPage and BreadcrumbList where they are truthful.
- Generated sitemap.xml and robots.txt
- Produced at build time from the routes that actually exist, so they can never drift.
- One h1 and a real heading outline
- Headings describe the document, they are not used as a font-size control.
- Descriptive image alt text
- Written per image, and decorative artwork is correctly hidden from assistive technology.
- Semantic landmarks and a skip link
- header, nav, main and footer, visible focus rings, and labelled form fields throughout.
- Static delivery from the edge
- Pre-rendered HTML with no render-blocking third-party scripts.
The page-count figures on this site — 26 for Hearth, 3,188 across all 67 designs — are the number of routes each project's own production build emitted. That is the only measured number we publish.
More in HVAC
See the hvac sethvac1.thesamplesite.com 
hvac2.thesamplesite.com 