Hex

Item: Hex
Rating: 7.4

Collaborative data notebooks and AI analytics for whole teams.

7.4/10MABTU rating

DESKTOP · 1440 × 12,998/ ↗

MOBILE · 390

Section outline · Home

01heroSerif and sans headline, two buttons, layered product UI413
02logosTwo-row customer logo cloud
03featuresAlternating copy and screenshots with quotes
04testimonialsCustomer cards, badges and quote1,344
05integrations3x2 integration cards1,186
06ctaSplit CTA with pricing link463
07faqCentred accordion1,152
08footerFive link columns

Rating · Home

Visual design8.0

UX & clarity7.8

Originality7.6

Craft & consistency8.0

Motion6.5

Performance & a11y4.5

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

Main colours

Light·white background·muted

Typography

PP Formula Semi Extendedheading · display · self-hosted Cinetypebody · font · self-hosted Cinetype Monoaccent · mono · self-hosted

Stack & style

Next.js Google Fonts Three.js React Sanity

Minimal Editorial Product-UI-led FAQ accordion Logo cloud Marquee Mega menu Sticky header

Also: Netlify, Cloudflare

Design DNA

Warm off-white page with faint blueprint grid lines and corner ticks framing each band. Headlines pair a light italic serif with a heavy sans on the next line. Large product screenshots (notebooks, charts, agent chat) overlap in layered stacks, with thin connector lines fanning to mono-labelled concepts below the hero. Features alternate copy and UI with inline customer quotes, a logo cloud, integration cards in a 3x2 grid, a centred FAQ and a small-type footer.

Worth borrowing

Pair an italic serif line with a heavy sans line in every section heading.
Frame bands with hairline grid lines and corner ticks for a technical blueprint feel.
Draw thin curved connector lines from the hero screenshot to labelled concepts beneath it.