Levels — Hero
Full-bleed near-black hero over a dim lifestyle photo with serif headline 'See how food affects your health' and a lime-green 'Join our mailing list' email-capture card pinned top-right; a thin three-up value strip sits at the bottom edge.
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-dark-cinematic-hero-with-serif-headline-and-email-capture.
Palette
#0E0E0C#1C1C1A#D9F560#E8E7E2
Fonts
ttHovesInter
Page types
Detail
UI elements
Navigation BarFormBadge
Context
- Parent page: Metabolic health app landing with dark cinematic hero and three-tier system pricing
- All of Levels
Other sections on this page
- Feature — 'Nutrition advice is generic' with glucose-curve chart card
- Feature — 'Your system for better metabolic health' app mockups
- Feature — 'The clearest way to see what food is doing' with FAQ-style list
- Bento Grid — 'See the patterns that matter' multi-card capability grid
- Feature — 'Know what to change. Then make it stick.' with phone mockup
- Stats / Metrics — 'Measurable improvement' 81% / 79% / 84% stats
- Testimonial / Social Proof — 'What change can look like' four-up portrait testimonials
- Pricing / Plans — Three-tier pricing: Build your system / Core / Complete
- CTA / Sign-up — 'Stop guessing. Start seeing.' dark closing CTA + footer