View on App Store
4.6
82K ratingsScreenshot story
The journey begins with an emotional hook and social proof to build trust, followed immediately by the AI value proposition. It then systematically demonstrates personal productivity features before concluding with a strong case for team collaboration and shared workflows.
iPhone gallery
The complete screenshot set
Select any frame to study its layout, content, and palette.
Observed in the listing
Frame-by-frame listing evidence
Across 10 frames, Spark Mail most often uses floating device composition and device treatment with gradient backgrounds. 10 frames include visible caption copy.
Frame 1
Love your email again
- Composition / device
- flat ui panel
- Content
- social proof
- Background
- gradient
- Copy treatment
- overlay, emotional, authoritative
Frame 2
Write, respond, and act faster Save hours with Spark +AI
- Composition / device
- floating device
- Content
- feature callout
- Background
- gradient
- Copy treatment
- top, benefit led, efficient
Frame 3
One inbox for all accounts Manage emails easily
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, practical, organized
Frame 4
Smart notifications Reduce daily distractions
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, benefit led, calm
Frame 5
Protect your inbox Screen and block senders
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, secure, empowering
Frame 6
Customize your workflow Take action with swipes
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, productive, flexible
Frame 7
Manage your day View and create events
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, structured, helpful
Frame 8
Prioritize what matters See high-priority emails first
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, clarity focused, direct
Frame 9
Draft emails together Collaborate with your team
- Composition / device
- floating device
- Content
- feature callout
- Background
- gradient
- Copy treatment
- top, collaborative, modern
Frame 10
Discuss emails with comments Align, share context, and make decisions
- Composition / device
- floating device
- Content
- feature callout
- Background
- gradient
- Copy treatment
- top, team oriented, professional
Explore by detail
Study the system behind the set
Design analysis
What makes this set work
Spark employs a highly disciplined visual template: a bold sans-serif headline over a royal blue to white gradient, featuring a floating device frame. This layout creates a sense of airiness and focus. Their strategy relies on 'UI isolation'-rather than showing a full, cluttered inbox, they frequently use floating modals (like the Priority or Account panels) that overlap the main screen. This technique directs the eye to the specific feature being described while maintaining context. Copywise, they use a consistent two-line hierarchy: a bold benefit followed by a functional descriptor. Designers should note the use of subtle drop shadows and bright accent colors (green, orange, purple) to categorize information without breaking the clean, professional aesthetic.
Keep exploring
