Tree care · design 02 of 04
Summit Tree Care — Understory
You say which situation you are in and the whole site re-tunes: palette, type, motion, nav, calls to action.
Live at
tree2.thesamplesite.com
- Pages
- 38
- Screens captured
- 7
- Industry
- Tree care
- 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
Arborist credentials, emergency removal and pruning schedules, with the August 2026 design of each rebuilt site kept alongside it.
Summit Tree Care — Understory is one of 4 designs in the tree care 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: tree2.thesamplesite.com is deployed, and every page, form and calculator on it works.
What you get
- 01
38 real pages
Not a page count invented for a brochure — 38 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 — 38 for Summit Tree Care — Understory, 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 Tree care
See the tree care settree1.thesamplesite.com 
tree3.thesamplesite.com 
tree4.thesamplesite.com 