The one with the tree that breathes.

Rooted editorial, not roadside flyer.

Most tree-service sites scream: red banners, "CALL NOW!!!", stock chainsaws. This one whispers the opposite, because the job is high-risk and high-trust — a dropped limb can crush a house. The aesthetic school is warm editorial / naturalist field-guide: a sturdy slab serif (Roboto Slab) for headings, a quiet humanist sans (Inter) for reading, and a bark-brown ground the color of wet trunk after rain.

The layout is a two-column reading spread — a column of text beside a tall vertical image rail — so the page reads like a magazine feature about your tree, not a coupon. The palette is committed and unmistakably arboreal:

How the canopy breathes.

The signature is a hand-drawn inline SVG tree. The canopy is split into four <g class="sway-layer"> groups, each tagged with a data-depth. A single requestAnimationFrame loop drives every layer from one clock: a sine wave for the idle sway, plus a pointer-driven lean scaled by depth, all rotating around the trunk base at (300,540) so it pivots like real boughs.

var sway = Math.sin(t*0.7 + i*0.8) * (4.2 * depth);   // idle drift
var lean = pointerX * 12 * depth;                     // parallax toward cursor
var rot  = Math.sin(t*0.55 + i*0.6) * (0.9 * depth);  // gentle rotation
layer.setAttribute('transform',
  'translate(' + (sway+lean) + ' 0) rotate(' + rot + ' 300 540)');

The pointer value is eased toward its target (pointerX += (targetX - pointerX) * 0.06) so the tree drifts rather than snaps. Depth does double duty: nearer layers sway and lean more, giving parallax without any 3D. Everything else — the trust strip, the map, the form select arrow, the favicon — is inline SVG or a data-URI, so the only external request is the Google Fonts stylesheet.

Reduced motion

Under prefers-reduced-motion: reduce the rAF loop never starts and the pointer listener is never attached — the canopy simply renders as a still, well-composed tree. A change listener on the media query starts or stops the loop live if the user flips the setting.

Vanilla, by hand.

This site was hand-coded — plain HTML, CSS, and JavaScript, written line by line. No page builders, no drag-and-drop themes, no off-the-shelf frameworks. Every detail, from the wind-swaying hand-drawn canopy to the sticky call bar, was engineered specifically to move a homeowner toward one action: picking up the phone.

That's the Tiny Mammoth approach to a client website: a template built to convert, not just to look good.

Calm mastery closes the estimate.

• The phone is never more than a glance away — in the nav, twice in the hero, a sticky call bar on mobile, the form, and the footer.
• Trust before pitch. The 5.0 rating, 289 reviews, licensing, and "27 years" sit directly under the headline where a nervous homeowner looks first.
• The signature earns the premium. A living, breathing tree quietly signals "these people truly understand trees," justifying the gap over a cheap chainsaw crew.
• Every service card ends in an action — a quote link or the storm line — so there's no dead end.
• The process section removes fear: free assessment, written plan, full cleanup. It answers "what happens to my yard?" before it's asked.
• The form is short and reassuring — four fields, a same-day promise, and a certified-arborist guarantee right beside it.

Different from the earlier templates.

Across our template library, each template deliberately moves on four axes — palette, typography, layout, and signature — so no two feel related. Ironwood's coordinates:

• Palette: deep bark-brown and moss green with a rust accent — earthy and rooted, where sibling trades lean toward cool blues, clinical whites, or high-contrast neon.
• Typography: a sturdy slab serif (Roboto Slab) for display — literally rooted letterforms — instead of the geometric or grotesque sans most service sites default to.
• Layout: a calm, magazine-like two-column editorial spread with a tall vertical image rail, rather than the usual stacked full-bleed hero blocks.
• Signature: a wind-sway SVG canopy — a pointer-reactive, sine-driven tree. It intentionally avoids the moves used elsewhere in the set (parallax skylines, headings that sprout branches, before/after sliders).

Advantages: the earthy editorial system feels premium and unhurried, which matches how the highest-value tree jobs are actually sold; the signature is memorable without being loud; and because it's all inline SVG and one rAF loop, the whole "wow" costs a single external request and degrades gracefully to a still, handsome tree.