Superlist — Hero
White-over-red stacked headline 'Tasks, notes, and plans. Finally in one app.' with a subhead and orange 'Sign up for free' pill, above a large rounded screenshot of the Superlist app (left task sidebar, 'Production planning' note) beside a blue-lit cinematic video still.
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-two-tone-headline-product-screenshot-hero.
Measured spec
| Scheme | dark |
| Background | #181826 |
| Text | #6EB3D9 |
| Accents | #6EB3D9, #3C4363 |
| Contrast | 7.61 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.29 |
| Measured size | 1600×1652 px |
Palette
#0B0B0F#FFFFFF#FF3B1D#FF5C00
Fonts
Haffer XH SemiBoldInter
Page types
Detail
UX patterns
Dark Mode
UI elements
Navigation BarCardSidebar
Context
- Parent page: Dark-mode productivity landing with red-accent split headline and angled app screenshots
- All of Superlist
Other sections on this page
- Logo Wall — Used-by company logo grid
- Feature — Stop juggling apps + phone mockup
- Bento Grid — Everyday superpowers feature grid
- Feature — Talk-to-done AI + awards row
- Feature — Giant scrolling capability word-stack
- Testimonial / Social Proof — Multicolor pull-quote
- CTA / Sign-up — Start bringing balance CTA