Calm: Landing page - Meditation and sleep app
Meditation, sleep, and mindfulness app for stress relief and mental health. The page uses a hero layout with a scenic mountain lake background image, followed by three value-prop cards with icons (stress less, sleep more, live mindfully), a carousel of meditation content tiles, social proof with 5-star reviews in blue cards, a freemium trial signup with pricing toggle, a blog/resources section with featured articles, and a collapsible FAQ organized by topic (General, Meditation & Mindfulness, Stress & Anxiety, Sleep, Soundscapes).
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/calm-calm-meditation-app-landing-with-full-bleed-mountain-lake-hero-and-serene-blue-gradient-flow.
Palette
Page types
UX patterns
UI elements
Context
More from Calm
- Gallery / Showcase — Blog resources card carousel
- FAQ — Categorized accordion FAQ
- Footer — Footer Navigation
- Pricing / Plans — Free trial pricing block over ocean-wave photo
- Hero — Full-bleed mountain-lake hero with transparent nav
- Testimonial / Social Proof — Over 2 million 5-star reviews carousel
- Feature — Three-icon benefit row (Stress less / Sleep more / Live mindfully)
- Gallery / Showcase — Tilted overlapping content cover carousel