Empathy

Item: Empathy
Rating: 7.2

AI and human support for loss, caregiving, leave and legacy planning.

empathy.com Save page

7.2/10MABTU rating

Home

Loss Support

DESKTOP · 1440 × 6,573/ ↗

MOBILE · 390

Section outline · Home

01heroFull-bleed garden photo, serif headline, demo pill900
02logosInsurer and financial brand logos120
03productTabs with card and blue gradient UI panel1,100
04stats50M+, 212+, 4.8/5 on brown608
05featuresThree audience photo cards with UI chips782
06testimonialsVideo carousel986
07formDemo request form card then footer1,214

Rating · Home

Visual design7.5

UX & clarity7.5

Originality6.8

Craft & consistency7.3

Motion6.0

Performance & a11y7.7

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

Main colours

Mixed sections·white background·mono

Typography

Interheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Next.js Google Fonts Contentful Tailwind CSS Sanity React

Corporate / clean Photography-led Rounded / soft Hero video Logo cloud Marquee Process steps Review badges Stats band Sticky header Tabs Testimonial slider

Also: HubSpot, Vercel, Cloudflare, Google Analytics, Google Tag Manager

Design DNA

Navy announcement bar and a lowercase serif wordmark over a full-bleed golden-hour garden photo with a serif headline bottom-left and a cream pill CTA. Insurer logos sit on white, then a tabbed product switcher (estate planning, caregiving, loss, leave) shows a card beside a soft blue gradient UI panel. A deep espresso-brown band holds big light stats, three photo cards with floating UI chips per buyer type and a video testimonial carousel, ending in a white demo form card and brown gradient footer.

Worth borrowing

Use a deep espresso brown instead of black for dark bands in a sensitive-topic brand.
Float small UI chips (a care team, a leave date) on top of lifestyle photos per audience.
Pair a lowercase serif wordmark with serif hero type and sans body for warmth.