View on App Store
4.8
127.1K ratingsScreenshot story
The story begins by establishing market dominance and ease of entry, transitions through specific organizational workflows for individuals and teams, and concludes with massive social proof and ubiquitous cross-device accessibility.
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 7 frames, Todoist most often uses floating device composition and device treatment with gradient backgrounds. 7 frames include visible caption copy.
Frame 1
Capture tasks at the speed of thought
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, efficient, authoritative
Frame 2
Clarity on everything that needs to get done
- Composition / device
- floating device
- Content
- feature callout
- Background
- gradient
- Copy treatment
- top, calm, benefit led
Frame 3
Keep all projects on track
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, focused, reliable
Frame 4
A home for your team’s tasks
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, collaborative, organized
Frame 5
Stay organized and focused together
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, encouraging, orderly
Frame 6
Join 50+ million professionals who simplify work and life
- Composition / device
- text only
- Content
- social proof
- Background
- gradient
- Copy treatment
- top, trustworthy, social proof
Frame 7
Your team. Every device. One Todoist.
- Composition / device
- collage
- Content
- feature callout
- Background
- gradient
- Copy treatment
- bottom, comprehensive, final
Explore by detail
Study the system behind the set
Design analysis
What makes this set work
Todoist employs a sophisticated 'pastel-pop' design language that balances productivity with warmth. By using soft, desaturated gradient backgrounds (peach, mint, yellow), the app avoids the clinical feel often found in task managers. The layout strategy utilizes floating device frames and isolated UI panels to highlight complex interactions like natural language parsing and project hierarchies without cluttering the screen. Each slide is topped with a minimalist custom illustration that serves as a visual anchor, humanizing the technical features. Designers can learn from the intentional use of negative space and the high-contrast social proof slide, which uses a real testimonial to ground the abstract software in human results. The final multi-device collage effectively communicates the value of synchronization through a dense, visual summary.
Keep exploring
