Relate

Item: Relate
Rating: 7

Collaborative sales CRM for B2B startups.

7.0/10MABTU rating

DESKTOP · 1440 × 7,065/ ↗

MOBILE · 390

Section outline · Home

01heroYC badge, gradient card, white CTA
02product shotLarge pipeline kanban screenshot
03logo cloudTwo rows of logos
04featureLead list and email thread UI739
05featureKanban pipeline UI839
06featureCustomer health table660
07featureChurned customer table
08bentoChart, integrations, CRM cards1,055
09testimonialsQuote carousel583
10footerNavy rounded card with newsletter

Rating · Home

Visual design7.2

UX & clarity7.3

Originality6.2

Craft & consistency7.2

Motion5.5

Performance & a11y7.7

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

Main colours

Light·white background·vivid

Typography

Interheading · sans · self-hosted Pretendardbody · font · google

Stack & style

Framer React Google Fonts

Minimal Product-UI-led Bento grid Live chat Logo cloud Marquee Pricing table Process steps Testimonial slider

Also: Intercom, Cloudflare, Google Analytics, Fathom

Design DNA

White page washed with soft periwinkle blurs, a semibold grotesk and one blue word in the hero ('Sales'). The hero is a rounded card fading to a blue gradient at the bottom with a white pill CTA, followed by a large pipeline kanban screenshot. The story runs as one-word period headings (Prospect. Close. Retain. Recycle.) joined by a dotted vertical line, each over a cropped UI panel. A features bento mixes a revenue chart, integration logos and a CRM table, then a faded testimonial carousel and a navy rounded footer card.

Worth borrowing

Tell the product story as one-word stage headings with periods, linked by a dotted vertical line.
Fade the hero card into a saturated gradient at its bottom edge to anchor the CTA.
Colour-code customer health scores in a table screenshot so retention reads at a glance.