Wist

Item: Wist
Rating: 7.5

AI live chat agents for customer support and customer insight.

wist.chat Save page

7.5/10MABTU rating

Home

/blog

DESKTOP · 1440 × 12,038/ ↗

MOBILE · 390

Section outline · Home

01heroIllustrated chat widget left, serif headline right918
02logosBordered logo cells
03processFour steps beside settings UI
04featuresDashboard screenshot on blue grid, feature grid
05featuresThree features and report mocks over illustration
06manifestoMono text in black panel, dome illustration
07tabsUse case list with chat preview
08integrationsThree columns of integration chips
09testimonialsDark cards on blue grid
10pricingFour plain plan columns and FAQ
11ctaCentered serif headline and blue button497

Rating · Home

Visual design7.6

UX & clarity7.3

Originality7.5

Craft & consistency7.3

Motion6.0

Performance & a11y9.0

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

Main colours

Mixed sections·white background·vivid

Typography

Lyon Textheading · serif · self-hosted Interbody · sans · self-hosted

Stack & style

Next.js React Tailwind CSS

Editorial Illustration-led Swiss grid Product-UI-led FAQ accordion Floating CTA Logo cloud Pricing table Process steps Sticky header Tabs

Also: Vercel, Cloudflare, Plausible

Design DNA

White canvas ruled by faint blueprint grid lines and hairline cell borders; dark navy panels use a bright blue grid. Headlines in a light serif with a grey serif continuation sentence, small mono eyebrows like '[01] HOW IT WORKS'. A painted retro illustration of a man at a desk under a geodesic dome recurs as a motif. Product UI shots sit in bordered cells; a typewriter-mono manifesto sits in a black panel. Use cases are a vertical tab list beside a chat mock; pricing is four plain columns followed by an FAQ.

Worth borrowing

Write each section title as a black serif sentence followed by a grey serif sentence in the same block.
Draw a faint blueprint grid behind the whole page and a bright grid inside dark panels.
Put a monospaced manifesto in a black terminal-like panel as a brand-story interlude.