View on App Store
4.7
83K ratingsScreenshot story
The set opens with immediate social proof and a benefit-led hook, then transitions into showing the mechanics of app-blocking and progress tracking before revealing advanced features like automated routines and cross-device functionality.
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 9 frames, Opal most often uses floating device composition and device treatment with illustrated backgrounds. 9 frames include visible caption copy.
Frame 1
Opal blocks distractions for you.
- Composition / device
- device in hand
- Content
- social proof
- Background
- illustrated
- Copy treatment
- top, direct, solution oriented
Frame 2
For better sleep, focus, and rest.
- Composition / device
- device in hand
- Content
- social proof
- Background
- illustrated
- Copy treatment
- top, benefit led, aspirational
Frame 3
Locks the apps you keep opening.
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- illustrated
- Copy treatment
- top, functional, authoritative
Frame 4
Dive deeper into your progress.
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- illustrated
- Copy treatment
- top, analytical, encouraging
Frame 5
One tap. Total focus.
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- illustrated
- Copy treatment
- top, minimalist, punchy
Frame 6
Rules that run themselves.
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- illustrated
- Copy treatment
- top, empowering, effortless
Frame 7
Routines for every part of your day.
- Composition / device
- collage
- Content
- feature callout
- Background
- gradient
- Copy treatment
- top, versatile, holistic
Frame 8
Make unblocking earn its keep.
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, clever, gamified
Frame 9
Also available on Mac.
- Composition / device
- floating device
- Content
- feature callout
- Background
- gradient
- Copy treatment
- top, informative, ecosystem focused
Explore by detail
Study the system behind the set
Design analysis
What makes this set work
Opal's design strategy centers on 'Calm Tech' aesthetics. By pairing dark mode UI with a luminous, ethereal light-blue gradient background and 3D mineral textures, the app visually distances itself from the colorful, high-dopamine triggers of social media. A designer should steal the use of floating 'glassmorphic' cards to highlight specific features-such as the 'Battle Math' or routine cards-which creates a sense of depth and hierarchy. The copywriting is particularly effective, using psychological nudges ('Past you was right') rather than cold technical descriptions. The early inclusion of the Apple Design Award and high ratings establishes premium authority, justifying its placement in the productivity sector. The consistent use of a high-end device mockup (titanium iPhone) reinforces the app's premium positioning.
Keep exploring
