Supersonik

Item: Supersonik
Rating: 7

AI agents that demo and explain software products live.

supersonik.ai Save page

7.0/10MABTU rating

DESKTOP · 1440 × 5,756/ ↗

MOBILE · 390

Section outline · Home

01heroFloating UI vignette, centred serif headline, two buttons800
02customersLogo tabs and Salesforce stat card714
03solutionsThree pastel tiles on dark green591
04workflowDiagram and integration icons742
05researchThree-row list with research partner logos635
06featuresDark band, two feature blocks784
07securityTwo columns with badges801
08ctaDark CTA and footer689

Rating · Home

Visual design8.0

UX & clarity7.5

Originality7.6

Craft & consistency7.9

Motion6.0

Performance & a11y7.7

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

Main colours

Light·white background·muted

Typography

Newsreaderheading · serif · google Geistbody · sans · google

Stack & style

Next.js React Tailwind CSS

Minimal Editorial Product-UI-led Logo cloud Review badges Sticky header Tabs

Also: Cookiebot, Amazon CloudFront

Design DNA

Pale grey-green page with faint grid lines, a light high-contrast serif for all headlines and a tiny grotesk for body. The hero centres a floating soft UI vignette of an agent call above the headline, with a glowing teal orb chat widget. Customer stories are tabbed by logo with a big serif stat card. Bands alternate between off-white and very dark green, with pale lime and mint tile gradients for solutions, a workflow diagram and integration icons, a three-row research list, and a dark closing CTA.

Worth borrowing

Use a light serif for SaaS headlines and keep UI imagery as small, soft, desaturated vignettes.
Tab customer stories by logo and show one oversized serif metric (+250) in the card.
Alternate pale grid-paper bands with near-black green bands to pace a long page.