Calm UI: app screens and website
Calm has both an app and a website in the library: the Calm UI in 19 app screens, walked flow by flow from profile onward, and 7 website sections. Every one is free to look at here; sign up to see them full size, with motion and the notes behind each design.
Desktop 6
HeroHealthPhoto ledLight
FeaturesHealthMinimal lightLight
TestimonialsHealthSoft gradientLight
BlogHealthSoft gradientLight
FAQHealthSoft gradientLight
FooterHealthMinimal lightDark
Full page 1
Full pageHealthSoft gradientLight
Onboarding 2
OnboardingAndroidSoft gradientDark
OnboardingAndroidSoft gradientDark
Sign-in / sign-up 1
Sign inAndroidSoft gradientDark
Paywall 2
PaywallAndroidSoft gradientDark
PaywallAndroidSoft gradientDark
Home 3
HomeAndroidPhoto ledDark
HomeAndroidSoft gradientDark
SettingsAndroidSoft gradientDark
Search 2
SearchAndroidSoft gradientDark
SearchAndroidSoft gradientDark
Profile 4
Empty stateAndroidSoft gradientDark
ProfileAndroidSoft gradientDark
ProfileAndroidSoft gradientDark
CalendarAndroidSoft gradientDark
Settings 1
SettingsAndroidSoft gradientDark
Empty states 1
Empty stateAndroidSoft gradientDark
Browse 1
ListAndroidSoft gradientDark
Detail 2
OtherAndroidSoft gradientDark
Media playerAndroidSoft gradientDark
Sign up free to keep browsing
See all 26 Calm references full size, with motion and the notes behind each design.
