← back to the gallery

Superlist: dark productivity landing with purple gradients and vivid layered task interfaces

Tier
inspiration
Roles
hero, explainer, feature, capability
Feel
dark, saas, depth, cold
Motion
pan, reveal, kinetic
Source
public-site
Site
https://superlist.com
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-06
Captures
frames: https://images.refero.design/styles/refero.design/video/14c80781-bd84-415c-8f06-cdfc98826530.mp4
both: https://superlist.com

What it does

A dark navy introduction uses a purple-to-red glow behind a large task interface and vivid blue illustration panel. App icons lead into paired blue phone examples. Purple and blue tool panels, red media content, audio examples and a feature-word roster continue the product tour.

Section roster

1. Dark gradient productivity introduction. 2. Task interface and blue illustration. 3. App icons. 4. Paired phone examples. 5. Purple and blue tool panels. 6. Red media and audio examples. 7. Feature-word roster.

Why it works

The dark canvas makes colorful interface content stand out while keeping the product story coherent. Moving between desktop and phone presentations gives the feature tour several useful scales.

Source and capture notes

Refero [style page](https://styles.refero.design/style/13f27e7a-d84f-4ff9-a030-ae4e2c930757) and [recorded video](https://images.refero.design/styles/refero.design/video/14c80781-bd84-415c-8f06-cdfc98826530.mp4); [live site](https://superlist.com) checked on 2026-10-06. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested. The recording ends within the feature tour rather than documenting a complete footer. A small cookie notice is visible in the source recording; the live captures dismiss it.