A tree-care system extracted from a Phoenix tree-health company's live site. Desert photos sit under a green wash, content lives in mint boxes with a big rounded foot, and every call to action is an outline pill that ends in a round arrow. Every section in the catalog exists on the source.
Tokens, type, the three button families and the brand assets.
28 patterns, each transcribed from a live section and cited to its URL.
Homepage, service page, city page and process page, composed only from the catalog.
The flagship demo, in the source homepage's own section order.
_shared.css tokens and every componentpalettes.json forest plus three matched variantsbrand-spec.md extraction record and crawl logsections.html the cataloghomepage.html flagship demolanding-1-trimming.html service pagelanding-2-mesa.html city pagelanding-3-plant-health.html process pagedesign-system.html kitchen sinkpages.html page galleryassets/arborist-canopy-brand/ logos, mascot and photosContent sits in mint boxes and white cards with generous radii: 20px cards, 10px photos, a 60px foot on the service box.
Banners and the testimonial band put desert photography under a translucent green, so every inner page opens on the same tint.
Before and After photo pairs, a county map with the served cities, a review-count pill in the footer.
The copy frames tree care as diagnosis and treatment: tree doctors, health evaluations, a four-step scientific process.