Mira Bio Landing

Mira Bio Landing is a calm marketing site for health and longevity products: blood testing, wearables, clinician care and health apps. It's the sister template to Mira Bio, the dashboard, so the product and its website share one look: soft blurred gradients, lime accents and Geist type.

16 pages

Home, Features, How it works, Biomarkers, Biomarker detail, Pricing, Care team, About, Journal, Journal post, Contact, Sign up, Log in, Privacy, Terms and 404.

Interactions

- Home opens with a short preloader, then a dashboard mockup tilts into view.

- Filter the biomarker library by category, and the journal by topic.

- Monthly and Yearly pricing toggle, and FAQ answers that open smoothly.

- Logo and testimonial tickers, drifting background glows, live chat and checklist loops.

- Native contact, sign-up, log-in and newsletter forms with sending and success states.

Built natively

Everything uses Framer's own layers, components, variants, CMS and effects. There are no code components or overrides, so every part can be edited on the canvas.

CMS

- Biomarkers (16), each with its own range bar, trend chart, five ranked levers and related markers.

- Journal (6) with rich text articles and author profiles.

- People, Testimonials, FAQs and Tags.

Organised

- 34 text styles in Geist and Geist Mono, and 48 colour tokens.

- Named components: Nav, Button, Chip, FAQ Item, Billing Toggle and Submit Button.

- Desktop, tablet and phone layouts.

Setup

1. Edit biomarkers, journal posts and people in the CMS.

2. Replace the photos with your own.

3. Set destinations for the contact, sign-up and newsletter forms.

4. Publish.

Good to know

- All data and results are sample content.

- Range bars, trend charts and lever bars are SVG images in the CMS, one set per marker.

- Pair it with Mira Bio to ship the dashboard and its website together.