Superlist App Store screenshots

On-frame caption: “The one app that fits your whole day”

Frame 1 opens with the wordmark ‘Superlist’ in a desaturated grey (#8E8E93) at the top-left margin. Below it, the headline is split: ‘The one app that fits’ is rendered in pure white, while ‘your whole day’ shifts to a warm red-orange (#FF4D2E) that matches the app’s internal iconography. The body copy underneath sits at approximately 21–24 pt in a lighter grey: ‘From quick thoughts on the go to big team projects at work and even your weekend plans, Superlist keeps it all together’. The text occupies the upper 40 % of the canvas, leaving the lower 60 % for the device. An iPhone 15 Pro enters from the bottom-right at roughly a 20-degree counter-clockwise tilt. The Dynamic Island is visible, and the status bar reads 9:34. On the screen, the app’s sidebar is visible: a search field, followed by Inbox, Updates, Tasks, Today and Lists, each with a small red icon. Below the collapsible ‘Favorites’ header sit workspace names—Vendor Contracts, Summer Retreat, Monthly team sync, December - Team Update, Black Friday Results—previews of which reappear in Frame 4 to prove continuity. A purple squiggle (#A78BFA) loops behind the headline and across the right edge of the canvas. The most structurally notable detail is the hard-cropped second device visible on the extreme right edge, its screen barely showing a ‘Task’ label. In thumbnail view, this reads as an export error rather than intentional layering, because less than 40 px of that second phone is visible. The overall balance is diagonal: text top-left, phone bottom-right, dead center empty. That emptiness is bold, but it requires the shopper to make a cross-canvas eye movement that many will skip.

On-frame caption: “No caption text visible.”

Frame 2 abandons typography entirely. The canvas is split diagonally between the same dark navy ground on the left and a saturated red field (#FF3B30) on the right. A purple squiggle enters from the top-left and is cropped hard by the frame edge. The iPhone dominates the center, angled similarly to Frame 1 but rotated clockwise by a few degrees. The status bar reads 9:41. The screen shows a voice-capture interface: a pill-shaped button at the top reads ‘February Offsite’ with a palm-tree icon, flanked by ‘Beta’ and ‘EN’ labels. The central visual is a waveform built from rounded rectangular bars in alternating red and purple (#D4A5FF). At the bottom of the screen, a white checkmark button floats above a grey ‘Talk’ pill. This frame functions as a mood board moment: it proves the product has kinetic energy and microphone access, but without a caption it does not explain *why* the waveform matters. In the swipe sequence, it relies on the context of Frame 4 to become meaningful. The reflection on the phone’s glass is strong enough to obscure some waveform detail, which is either a rendering choice meant to sell premium materiality or a readability loss, depending on your sympathy.

On-frame caption: “Tasks and notes together. Turn your thoughts into actions.”

The composition shifts to the ‘card’ template. The device is centered vertically inside a large rounded rectangle filled with lavender (#9B87E0). Above the card, a small purple scribble acts as a fleuron. The headline is split: ‘Tasks and notes together.’ in white, followed by ‘Turn your thoughts into actions.’ in #8E8E93. The device itself is now straight-on, signaling that the shopper should read the pixels rather than feel the vibe. The screen displays a hybrid note-and-task document titled ‘Leadership Sync’. A hero image of green Calathea leaves occupies the top third, bleeding edge-to-edge within the app’s viewport. Below that, body copy reads: ‘Let’s chat, laugh, and make that cash! For each chat come ready with your blockers, questions, and discussion points. Add anything to the next agenda’. Further down, a task list labeled ‘This week’s Agenda’ shows a completed, strikethrough item ‘Hackathon Trophies’ in red, plus open checkboxes for ‘Choose speakers for Monday’ and ‘Latest Conversion Numbers’, the latter two with tiny avatar chips flush right. A section titled ‘Previous Meetings’ lists ‘December - LT Sync’ and ‘November - LT Sync’ with tree and explosion icons. The bottom toolbar exposes formatting controls: ‘+ New task’, paragraph, H1, H2, H3 and a palette icon. The lavender card casts a diffuse shadow against the navy background, lifting the composition into a shallow depth that works well at thumbnail scale. This frame does the heaviest functional lifting: it demonstrates that the app unifies long-form notes and structured tasks inside a single dark container.

On-frame caption: “Talk tasks with AI. Use your voice to create lists and tasks.”

Frame 4 returns to the rounded-rect card system, but the fill is now red (#FF3B30), matching the red accent in Frame 1’s headline and Frame 2’s background. A circular gradient icon—pink to purple with two horizontal lines—sits in the top-left margin above the headline. The headline reads: ‘Talk tasks with AI.’ in white, followed by ‘Use your voice to create lists and tasks.’ in grey. The device shows the same sidebar navigation as Frame 1, establishing visual continuity: Inbox, Updates, Tasks, Today, Lists, and the identical Favorites list including Vendor Contracts, Summer Retreat, Monthly team sync and the Team Update entries. A bottom sheet is raised, containing a waveform in red and purple identical in DNA to Frame 2, but now contextualized: a small ‘Inbox’ label appears above the waveform, and controls below read ‘EN’, a ‘00’ timer, and a white ‘Done’ pill. By repeating the sidebar exactly, the designers perform a sleight-of-hand: the shopper recognizes the environment even though the foreground feature has changed. The red card is the brightest object in the entire gallery, making this frame impossible to miss. Its structural role is to translate Frame 2’s ambiguity into a labeled promise.

On-frame caption: “Real-time collaboration / Repeatable tasks / Offline Support / Widgets / Nested Lists & Tasks / Multiplatform / Integrations / Reminders / AI-Powered / Private / Fast AF”

Frame 5 is the set’s hinge: no device, no UI, no hand-drawn squiggle beyond two thin red circular loops in the top-left and bottom-right corners. The background remains the same dark navy. A vertical stack of features is set in a bold sans-serif, left-aligned but optically centered. ‘Real-time collaboration’ appears largest and in pure white. Beneath it, the list continues: ‘Repeatable tasks’, ‘Offline Support’, ‘Widgets’, ‘Nested Lists & Tasks’, ‘Multiplatform’, ‘Integrations’, ‘Reminders’, ‘AI-Powered’, ‘Private’, and finally ‘Fast AF’. The typographic color cascades from white toward a dim #48484F, creating a depth-of-field fade toward the bottom. The effect is elegant at full resolution, but problematic in thumbnail view, where the lower six items disappear into the dark background. This frame breaks the ‘show, don’t tell’ rule of ASO design. Shoppers swiping at speed do not pause to read a manifesto; they scan for interface proof. By dedicating an entire frame to text, the sequence sacrifices visual momentum. Structurally, it acts as a SEO concession—those keywords matter for search indexing and for readers who consciously hunt for ‘Offline Support’ or ‘Widgets’—but as a piece of persuasive design it is the weakest link. The red scribbles are too delicate to compensate for the absence of a device.

On-frame caption: “Natural language. Create reminders with natural language”

Frame 6 introduces the third and final card color: a saturated blue (#0A84FF). A blue squiggle arrow sits above the headline in the top-left. The headline reads: ‘Natural language.’ in white, then ‘Create reminders with natural language’ in grey. Inside the blue card, the device displays an active input state. The text field contains: ‘Call Niklas every tuesday’ with ‘every tuesday’ highlighted in a brighter cyan-blue (#0A84FF). Below the cursor, parsed metadata chips appear: a yellow flag icon labeled ‘Meet’ and a red recurring icon labeled ‘Weekly on Tuesday’. Ghost rows for ‘Due date’ and ‘Assignee’ sit beneath. The native iOS keyboard occupies the bottom half of the device screen, rendered in dark mode with grey keys. Above the keyboard, the app’s input bar shows three mode pills—‘Task’ (active, circled), ‘List’, and ‘Talk’ (with waveform icon)—plus a red circular send button (#FF3B30) with a white checkmark. This is the most information-dense frame in the set. Including the system keyboard is a double-edged choice: it proves a native typing experience, but it also fills half the frame with Apple-owned chrome that does not communicate Superlist-specific value. The blue card is visually arresting because it is the only use of this hue, but that uniqueness also makes the frame feel slightly disconnected from the red-lavender dyad that dominates the rest of the gallery.

On-frame caption: “Supercharge your team. Share lists and collaborate easily.”

Frame 7 returns to the lavender card (#9B87E0), explicitly pairing with Frame 3 and telling the shopper that lavender means ‘people and content’. The purple scribble reappears top-left. The headline: ‘Supercharge your team.’ in white, ‘Share lists and collaborate easily.’ in grey. The device screen shows a member directory. A header image of a moon rising over red desert mountains fills the top quarter. Below, a red circular icon with a white dot sits next to the word ‘Superlist’. A segmented control shows ‘Lists’ and ‘Members 27’, the numeral providing a concrete scale cue. The member roll includes: Adetokunbo Stasiuk, Joya Gupta, Bronte Goode, Logan Lundgreen, Chandra Wolfe, Oli Forsberg, Olivia Matthews, Shiori Murdock, and Greer McCrum. Each row carries a unique avatar and a small grey ‘x’ remove button flush right. A red floating-action button with a person-plus icon anchors the bottom-right corner of the screen. The straight-on framing invites the viewer to inspect the list density. However, because Frame 3 used an equally lush header image inside an identically shaped lavender card, the two frames risk merging in memory unless the shopper consciously reads the captions. The fix would have been to shift the team frame to a slightly different hue or to introduce a second device to vary the composition.

On-frame caption: “Integrated with apps you love. Calendar, Linear, Slack & more.”

Frame 8 closes the sequence inside the red card (#FF3B30), bookending the gallery with the same color that opened it in Frame 1’s headline and Frame 2’s background. A red squiggle sits above the headline. The text: ‘Integrated with apps you love.’ in white, followed by ‘Calendar, Linear, Slack & more.’ in grey. The device shows a task detail view: ‘Book co-working space’. Metadata chips read ‘Jul 31’, assignee ‘Ade Stasiuk’, ‘List’, ‘Label’, and a Slack icon. Paragraph text describes a Berlin workcation, followed by an inline photograph of a brick cafe interior with a neon sign. Subtasks include ‘Tour WorkCafe’ with a calendar icon and ‘Price out budget for 5 days’. The bottom input bar shows ‘Leave a message’ plus the standard formatting toolbar. Around the exterior of the red card, five integration icons float like satellites: GitHub (top left), Google Calendar (top right), Gmail (middle right), a purple asterisk (bottom left), and a blue striped circle (bottom left, overlapping the card edge). Each icon carries a soft drop shadow. The composition is the busiest in the set. In full view, the icons read as ecosystem proof; in thumbnail view, they blur into scattered noise around the device silhouette. The red glow behind the phone is consistent with Frame 4, ending the sequence on a brand-color high note and giving the final swipe a sense of arrival.