
Screenshot 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
Select any frame to study its layout, content, and palette.
Explore by detail
Design analysis
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