GreenKeeper

Item: GreenKeeper
Rating: 7.3

Framer template for garden design and landscaping companies.

A Framer Marketplace template by Matt. Its words and photos are demo content.

Live preview Get this template Save page

7.3/10MABTU rating

Home

DESKTOP · 1440 × 10,981/ ↗

MOBILE · 390

Section outline · Home

01heroDark green hero, fanned photo cards, quote CTA
02aboutCentred cream paragraph with botanical motifs
03servicesSix cards, each with tilted photo cluster1,421
04before afterTwo cards with before/after tick and cross lists1,112
05processNumbered steps on cream with floating cards1,700
06projectsWide rows with photo, price pill, duration pill1,901
07testimonialsMasonry of short quotes with star ratings974
08faqCream accordion rows939
09contactForm left, map and phone card right1,083
10footerDark photo band with link columns366

Rating · Home

Visual design7.5

UX & clarity7.8

Originality7.0

Craft & consistency7.3

Motion6.5

Performance & a11y7.0

This page scores 7.3; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

Playfair Displayheading · serif · google Interbody · sans · self-hosted

Stack & style

Framer React Google Fonts

Editorial Playful Photography-led Rounded / soft Sticky header Marquee Before/after slider Pricing table FAQ accordion Map Booking widget Process steps Review badges

Design DNA

Template: cream (#F6F1E4) body with a deep garden-green hero and leaf-green buttons; headings mix a high-contrast serif with an italic accent word ('Effortless gardens and outdoor spaces'), body in a quiet sans. Photography is scattered as tilted rounded cards — clusters of three inside each service card, a fan of photos in the hero. Project cards pair a description with checkmark lists, a price pill and a duration pill. Before/after blocks use paired tick and cross lists rather than a slider, and faint botanical line motifs sit in the cream margins.

Worth borrowing

Write before/after as two short tick-and-cross lists under one photo instead of a drag slider.
Tag every project card with a price pill and a duration pill so scope reads before the copy does.
Cluster three tilted photo cards inside each service tile to show the work rather than an icon.