Superlist Connect Integration

Superlist

Home to all your lists
Designedย by
No items found.
Subject


Bookmark
Bookmark
Category
Tech Stack
Added on
March 15, 2024

Superlist Connect Integration Structure

Clean Integration Hub That Just Works

First thing you notice is the split-panel layout. Left side shows a tidy settings page with integration options stacked vertically. Right side opens into a focused detail view for Gmail with a visual explainer. It's a smart way to handle density without overwhelming anyone.

Color Done Right

The palette is restrained. Soft grays, white cards, and that punchy purple-blue gradient on the Gmail promo graphic. Each integration icon brings its own brand color, which keeps the list scannable without needing extra decoration. The "Pro" badges in light purple are subtle but clear. Typography is simple, likely a geometric sans. Nothing fancy, just readable.

What Makes It Stand Out

That right panel is the real move here. Instead of just listing what Gmail does, they show a mock inbox with familiar names like Albert Einstein and Marie Curie. Red arrows trace the flow from starred emails to Superlist tasks. It teaches through visual storytelling. The "Continue with Google" button sits top-right, impossible to miss. One click setup. The left sidebar with emoji-labeled lists adds personality without clutter.
Similar screens

Upgrade to SaaSFrame Pro now to see similar examples.

Monthly

$18 /month

Billed $18 monthly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Quarterly

$16 /month

Billed $48 quarterly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Yearly

$15 /month

Billed $180 yearly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now