Calm — Pricing / Plans
'Start your free trial of Calm Premium.' heading with a Yearly vs Monthly selectable plan toggle (Yearly highlighted with a '14-Day Free Trial' badge and struck-through price) and a violet 'Continue' button, set above a full-width photographic ocean-wave band that transitions the page color.
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-free-trial-pricing-block-over-ocean-wave-photo.
Palette
#dfe7f0#4f63d2#2e6b8a#7aa8c4
Page types
Detail
UX patterns
Pricing Toggle
UI elements
Pricing CardTabsToggle
Context
- Parent page: Calm meditation app landing with full-bleed mountain-lake hero and serene blue gradient flow
- All of Calm
Other sections on this page
- Hero — Full-bleed mountain-lake hero with transparent nav
- Feature — Three-icon benefit row (Stress less / Sleep more / Live mindfully)
- Gallery / Showcase — Tilted overlapping content cover carousel
- Testimonial / Social Proof — Over 2 million 5-star reviews carousel
- Gallery / Showcase — Blog resources card carousel
- FAQ — Categorized accordion FAQ
- Footer — Deep navy multi-column footer