Sierra

Item: Sierra
Rating: 7.8

AI agents for customer service and experience at large brands.

7.8/10MABTU rating

DESKTOP · 1440 × 8,570/ ↗

MOBILE · 390

Section outline · Home

01announcementBlue bar promoting Sierra Summit events810
02heroFull photo hero with overlaid agent conversation chips878
03logosSix-column grayscale logo grid with green pill link1,322
04bentoWide sage gradient card plus three coloured gradient cards496
05testimonialsFour quote columns with company logos80
06productDashboard screenshot on grey band (captured faded)1,186
07productTwo Ghostwriter UI panels with build and optimize captions994
08featuresFour light UI cards: explorer, monitors, experiments, observability712
09featuresFour light UI cards with captions712
10trustRow of circular compliance badges416
11ctaCentred text with green pill button336
12footerLight grey footer with link columns and locale selector628

Rating · Home

Visual design8.2

UX & clarity7.8

Originality7.4

Craft & consistency8.0

Motion6.5

Performance & a11y7.7

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

Main colours

Light·white background·vivid

Typography

GT Americaheading · sans · self-hosted GT Americabody · sans · self-hosted

Stack & style

Next.js React Sanity Tailwind CSS

Gradient-heavy Photography-led Rounded / soft Product-UI-led Bento grid Hero video Logo cloud

Also: HubSpot, OneTrust, Meta Pixel, Vercel, Cloudflare, Google Analytics

Design DNA

Blue announcement bar over a full-width documentary photo of an older man on the phone, a short two-line white headline and a translucent agent-conversation chip overlaid on the photo. White page with centred small headings, a large 6-column grayscale logo grid with a green pill link, then a bento of rounded cards filled with soft muted gradients (sage, blue, rose, terracotta) holding faint UI. Quotes in four columns with logos, pale blue-grey UI card rows for insights and outcomes, a row of certification badges, a green pill CTA and a light grey footer.

Worth borrowing

Overlay a small translucent agent chat transcript directly on an emotional customer photo.
Fill bento cards with muted two-tone gradients (sage, blue, rose, terracotta) and faint UI instead of loud colour.
Use a dense grayscale logo wall with one small coloured pill link as the proof section.