Screenspo
AppsPatternsColorsMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

All apps
Calm app icon
Health & Fitness

Calm

Calm

View on App Store
4.8
2M ratings

Screenshot story

The story begins with high-level social proof and a broad lifestyle promise before systematically demonstrating the specific tools-meditation, stories, music, and expert classes-used to achieve that wellness.

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 device

Design analysis

What makes this set work

calm blue gradient#5ba3ecmidnight navy#101c3dpure white#ffffffsoft purple#8c82ff

Calm's screenshot strategy is a masterclass in brand consistency and cognitive ease. By using a uniform blue-to-purple gradient background across all six frames, they reinforce a feeling of tranquility before the user even reads the text. The layout transitions from a dynamic, angled 'hero' perspective in the first two slides to a stable, centered 'utility' perspective for the features, signaling a shift from marketing hook to functional demonstration. The copywriting is lean and benefit-focused, using 'Action Verb + Desired Outcome' structures that minimize friction. Designers should emulate how Calm uses photography within the UI frames to provide human warmth and color contrast against the cool, monochromatic background system.

Keep exploring

More in Health & Fitness

Numo App Store screenshot: listing design
Numo iconNumo

Health & Fitness

Centr App Store screenshot: listing design
Centr iconCentr

Health & Fitness

Future Pro App Store screenshot: listing design
Future Pro iconFuture Pro

Health & Fitness

Runna App Store screenshot: listing design
Runna iconRunna

Health & Fitness