Calm: Calm meditation app landing with full-bleed mountain-lake hero and serene blue gradient flow
The hero is a full-bleed photographic mountain-and-lake landscape with a transparent nav, beneath which a centered serif-meets-sans headline "Calm your mind. Change your life." sits over a soft sky-to-cream gradient with a violet primary CTA and a ghost secondary button. The signature element is the diagonally-tilted, overlapping carousel of Sleep Story / content cover tiles that fans across the page like a deck of cards, giving an immersive editorial feel no generic SaaS uses. The whole page flows through a continuous calm blue-to-cream gradient, anchored by a real ocean-wave photo band around the pricing block and closing on a deep navy footer.
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 — Deep navy multi-column footer
- 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