Screenspo
AppsPatternsColors
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

All apps
Opal app icon
Productivity

Opal

Opal: Screen Time Control

View on App Store
4.7
83K ratings

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

The complete screenshot set

Select any frame to study its layout, content, and palette.

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
device in handfloating devicecollage

Design analysis

What makes this set work

Opal Blue#b5ccd9Deep Space#000000Glass Grey#3a3a3cTitanium#b9b2a6

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

More in Productivity

Tiimo App Store screenshot: listing design
Tiimo iconTiimo

Productivity

ChatGPT App Store screenshot: listing design
ChatGPT iconChatGPT

Productivity

Todoist App Store screenshot: listing design
Todoist iconTodoist

Productivity

Timepage App Store screenshot: listing design
Timepage iconTimepage

Productivity