Levels: Metabolic health app landing with dark cinematic hero and three-tier system pricing

Consumer · Landing Page

Opens with a near-black cinematic hero over a dim lifestyle photo, a serif headline "See how food affects your health," and an inline lime-green "Join our mailing list" email-capture card pinned top-right. The signature treatment is the alternating dark/cream editorial rhythm where large serif claims sit beside floating dark phone mockups showing glucose-curve dashboards, punctuated by a triptych of oversized testimonial portraits and a three-tier dark/cream pricing comparison ($15 / $41 / $167) at the page bottom.

Open in Mozaika →

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/levels-metabolic-health-app-landing-with-dark-cinematic-hero-and-three-tier-system-pricing.

Palette

Fonts

Page types

UX patterns

UI elements

Context

• All of Levels

More from Levels

• Hero — Dark cinematic hero with serif headline and email capture
• Feature — 'Know what to change. Then make it stick.' with phone mockup
• Stats / Metrics — 'Measurable improvement' 81% / 79% / 84% stats
• Feature — 'Nutrition advice is generic' with glucose-curve chart card
• Bento Grid — 'See the patterns that matter' multi-card capability grid
• CTA / Sign-up — 'Stop guessing. Start seeing.' dark closing CTA + footer
• Feature — 'The clearest way to see what food is doing' with FAQ-style list
• Pricing / Plans — Three-tier pricing: Build your system / Core / Complete
• Testimonial / Social Proof — 'What change can look like' four-up portrait testimonials
• Feature — 'Your system for better metabolic health' app mockups