View on App Store
4.8
10.5K ratingsScreenshot story
The set begins by establishing massive credibility through 'Editors' Choice' and 'Official' branding before explaining the pedagogical 'four laws' of habit change. It then shifts to a visual demonstration of the app's clean UI, showcasing how it provides intelligent suggestions and community support to sustain long-term growth.
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, Atoms most often uses floating device composition and device treatment with solid backgrounds. 7 frames include visible caption copy.
Frame 1
Atoms. The official Atomic Habits app Editors' choice Best new app Tiny changes, remarkable results. PRODUCTIVITY Top 5 in 19 countries | Top 10 in 12 countries
- Composition / device
- text only
- Content
- social proof
- Background
- solid
- Copy treatment
- overlay, authoritative, prestige driven
Frame 2
Built on the proven principles of habit change make it obvious make it attractive make it easy make it satisfying
- Composition / device
- floating device
- Content
- onboarding
- Background
- solid
- Copy treatment
- top, educational, instructional
Frame 3
Small steps, big momentum
- Composition / device
- panoramic
- Content
- ui screenshot
- Background
- illustrated
- Copy treatment
- top, encouraging, minimalist
Frame 4
We meet you where you are Suggestion Remember the "Never Miss Twice" rule to become a mindful person The problem is not slipping up; the problem is thinking that if you can't do something perfectly, then you shouldn't do it at all.
- Composition / device
- panoramic
- Content
- feature callout
- Background
- illustrated
- Copy treatment
- overlay, empathetic, supportive
Frame 5
And evolve as you evolve
- Composition / device
- panoramic
- Content
- feature callout
- Background
- illustrated
- Copy treatment
- top, growth oriented, dynamic
Frame 6
Build good habits, break bad ones, and make better decisions with expert guidance
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, benefit led, professional
Frame 7
Share Atoms with a friend and support each other in making tiny changes for remarkable results
- Composition / device
- floating device
- Content
- social proof
- Background
- solid
- Copy treatment
- bottom, community focused, motivational
Explore by detail
Study the system behind the set
Design analysis
What makes this set work
Atoms utilizes an editorial, high-prestige design system that mirrors the James Clear 'Atomic Habits' book branding. The layout strategy relies on extreme white space and elegant serif typography to convey a 'calm' productivity experience. By using floating UI cards and organic 'atom' shapes that bleed across panoramic slides, the design achieves a cohesive flow without overwhelming the user. A standout tactic is the high-contrast dark 'Suggestion' modal; it breaks the light-mode pattern to highlight the app's unique value: active habit coaching rather than just passive tracking. Designers should note the mix of abstract brand elements and crisp UI components, which makes the app feel like a premium lifestyle companion rather than a utility tool.
Keep exploring
