Superlist: Dark-mode productivity landing with red-accent split headline and angled app screenshots

Productivity · Landing Page

Near-black hero stacks a two-line headline where "Finally in one app." flips to bright red beneath white "Tasks, notes, and plans.", with a single red pill CTA and a large angled product screenshot of a "Production planning" workspace bleeding into a blue concert photo. The signature treatment is the run of colorful, tilted device mockups (electric-blue, red, and violet rounded cards each demoing one feature) that march down the page, followed by a centered de-emphasized vertical feature list fading from white to grey and a multicolor word-art testimonial. Logo strip (GitHub, Spotify, Google, NVIDIA) and award-laurel badges reinforce social proof on the dark canvas.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/superlist-dark-mode-productivity-landing-with-red-accent-split-headline-and-angled-app-screenshots.

Palette

Fonts

Page types

UX patterns

UI elements

Context

• All of Superlist

More from Superlist

• Bento Grid — Everyday superpowers feature grid
• Feature — Giant scrolling capability word-stack
• Testimonial / Social Proof — Multicolor pull-quote
• CTA / Sign-up — Start bringing balance CTA
• Feature — Stop juggling apps + phone mockup
• Feature — Talk-to-done AI + awards row
• Hero — Two-tone headline + product screenshot hero
• Logo Wall — Used-by company logo grid