Skip to content

Calm Sleep

Sleep improvement app. Sleep stories, soundscapes, bedtime routines, tracking.

www.calm.com ↗
HealthiOS App123 screens

Interface Screenshots Calm Sleep

Calm Sleep — Health UI, screenshot 1/123
Calm Sleep — Health UI, screenshot 2/123
Calm Sleep — Health UI, screenshot 3/123
Calm Sleep — Empty State, screenshot 4/123
Calm Sleep — Health UI, screenshot 5/123
Calm Sleep — Health UI, screenshot 6/123
Calm Sleep — Health UI, screenshot 7/123
Calm Sleep — Health UI, screenshot 8/123
Calm Sleep — Acknowledgement & Success, screenshot 9/123
Calm Sleep — Misc, Button, screenshot 10/123
Calm Sleep — Health UI, screenshot 11/123
Calm Sleep — Health UI, screenshot 12/123

Showing 12 of 123

Which UI decisions are documented for Calm Sleep?

DesignShots contains 123 interface screenshots for Calm Sleep. It is an iOS app in the Health category, which covers health, medicine and wellness. Frame-level labels identify 63 distinct screen types; documented elements include Empty State, Acknowledgement & Success, Misc, Button and Full-Screen Overlay. At composition level, the project is tagged with 6 UI patterns: Step-by-step product introduction, Control panel with metrics and charts, Data input forms, validation and submission, Settings and configuration page and Content card grid layout. Its extracted palette is led by dark tones, with the HEX values displayed on the page. For analysis, compare repeated screen types within Calm Sleep, then open the linked patterns and other Health products. This separates a durable interface pattern from a treatment unique to one product. Every figure comes from the published collection; captures filed under older versions are excluded from the current count.

More about Calm Sleep

Interface Design Calm Sleep

Calm Sleep — an iOS App in the Health. Health, medicine and wellness. Sleep improvement app. Sleep stories, soundscapes, bedtime routines, tracking. The interface includes 6 UI patterns: Step-by-step product introduction, Control panel with metrics and charts, Data input forms, validation and submission, Settings and configuration page, Content card grid layout, Side navigation panel. The color palette is built on dark tones.

UI Patterns in Calm Sleep

onboarding
Step-by-step product introduction
dashboard
Control panel with metrics and charts
form
Data input forms, validation and submission
settings
Settings and configuration page
card-grid
Content card grid layout
sidebar
Side navigation panel

What the Calm Sleep screens show

The set covers 63 distinct screen types, showing which parts of the product are documented.

FAQ

How many screenshots of Calm Sleep are in the collection?

The collection contains 123 UI screenshots of Calm Sleep, covering key product screens.

What category does Calm Sleep belong to?

Calm Sleep is an iOS App in the Health category.

How to use screenshots as design reference?

Study UI/UX design solutions for inspiration when designing Health products.

The screenshots come from the real product and document the interface as it appeared when captured.

Similar Health Projects

All projects in category Health →