Superlist

Item: Superlist
Rating: 7.6

Task, notes and planning app with AI meeting notes.

superlist.com Save page

7.6/10MABTU rating

DESKTOP · 1440 × 8,624/ ↗

MOBILE · 390

Section outline · Home

01heroGlow hero, two-tone headline, screenshot with photo1,304
02introAI summary paragraph and logo row
03featureScribble icon, list, phone on blue tile
04featureTwo screenshots on blue and violet tiles
05featureThree colour tiles: voice, recurring, widgets
06badgesProduct Hunt awards
07listLarge stacked feature names fading
08testimonialsCTA and review wall, footer

Rating · Home

Visual design8.2

UX & clarity7.4

Originality8.0

Craft & consistency7.8

Motion7.0

Performance & a11y7.7

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

Main colours

Dark·dark navy background·mono

Typography

Haffer XHheading · sans · self-hosted CUSTOM;Blenderbody · font · google Interaccent · sans · self-hosted

Stack & style

Framer React Google Fonts

Bold typography Playful Dark tech Product-UI-led Logo cloud Sticky header Text reveal

Also: PostHog, Meta Pixel, Google Analytics, Google Tag Manager

Design DNA

Dark indigo page lit by a warm red-orange radial glow behind the hero. A tight bold sans headline splits into white and coral-red lines. The hero screenshot pairs a dark task view with a concert photo. Feature sections open with tiny hand-drawn scribble icons and a two-tone headline (white statement, grey continuation), then UI shown on flat saturated tiles of electric blue, violet and red. A giant stacked list of feature words fades from white to grey, a product of the day badge row, and a small-type testimonial wall.

Worth borrowing

Write section headlines as a white claim followed by a grey explanation in the same sentence.
Put dark app screenshots on flat electric blue, violet and red tiles for contrast.
Stack large feature names vertically with fading opacity to suggest a scrolling reveal.