Evergreen

Item: Evergreen
Rating: 7.1

Peer recognition software that plants trees for good work.

evergreen.so Save page

7.1/10MABTU rating

ESG

DESKTOP · 1440 × 8,083/ ↗

MOBILE · 390

Section outline · Home

01heroSerif headline with inline portraits, black trial pill, trees counter3,545
02productAubergine recognition feed mockup framed by leaves, users count
03statsFour mint pill statistics
04testimonialsTwo leaf-framed quote cards, logo row, G2 badge
05featuresSage band, card left, bullet list right1,265
06featuresAchievements report card with bullets1,240
07featuresChart card and green trees badge182
08ctaSage band, three reassurance icons, pricing line, trial pill1,169
09footerNewsletter 'plant a tree' input and link columns

Rating · Home

Visual design7.3

UX & clarity7.1

Originality7.6

Craft & consistency7.0

Motion5.0

Performance & a11y7.7

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

Main colours

Light·cream background·mono

Typography

Ivypresto Headlineheading · display · adobe Rubikbody · sans · self-hosted

Stack & style

Next.js React

Editorial Playful Illustration-led Live chat Logo cloud Stats band

Also: Google Analytics

Design DNA

Pale cream page with a condensed serif for headlines and small sans body, black pill CTAs and a black announcement bar. The hero headline has circular cut-out portraits set inline between the words. Every product card (a deep aubergine Slack-style recognition feed, testimonial quote boxes, achievements report) is framed by flat green illustrated leaves poking out of its corners. Stats sit in mint outlined pills, sections alternate cream and pale sage with a leafy scalloped top edge, and a round 20,000 trees badge adds a stamp.

Worth borrowing

Set small circular portrait cut-outs inline between words of the hero headline.
Frame UI screenshots and quote cards with a few flat illustrated leaves breaking out of the corners.
Put headline statistics inside outlined mint pills with footnote superscripts.