Tokens, type and devices

Every value here was measured on the live site at 1440px. Switch palettes with the control in the corner: the green, its wash, its bright link tone and the mint follow the palette; teal headings stay.

Colour

--green#407038 forest. Buttons, links, bubbles.
--teal#204147. Every heading.
--ink#3b3b3b. Body copy.
--mint#f1fbef. Content boxes.
--grey#f8f8f8. Plain bands.
--charcoal#232323. Footer.
--green-bright#4eb151. Served-city links.
--yellow#ffc845. Ad landing page only.

Type

Oswald 700 headline

Oswald 700 · 46px · line-height 1.3 · teal

DM Sans body copy at 18px, line-height 1.6, colour #3b3b3b.

DM Sans 400 · 16 to 18px

Sen navigation and solid buttons

Sen 600 · 15px · solid buttons uppercase, letter-spacing 2px

Buttons

Outline pill with a round arrow (homepage), filled pill (testimonials), solid 14px button (inner pages), yellow (ad landing page).

Outline pill Filled pill Solid button Yellow button

Assets

logo-color.png

mascot.png

photo-hero-landscape.jpg

photo-citrus-tree.jpg

photo-palm-trees.jpg

photo-diagnostics.jpg

photo-before-1.jpeg

photo-after-1.jpeg

photo-trimming-climber.jpg

photo-orange-tree.jpg

map-county.png

photo-papago-park.jpg