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.
Measured spec
| Scheme | light |
| Background | #E6E5E5 |
| Text | #3D6A8F |
| Accents | #3D6A8F, #719FB4 |
| Contrast | 4.57 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.47 |
| Measured size | 1600×827 px |
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