Pattern catalog

28 sections, composable.

Every reusable Maven Clinic section. Each rendered with verbatim voice from mavenclinic.com. Copy, paste, recompose.

announcement

Slim top banner used for launches and milestone moments. Cream background, body text + accent link with arrow. Sits above the nav.

Maven's State of Women's and Family Health Benefits 2026 is live Read the report →

hero-pill Signature

The signature Maven hero. Subtitle pill with pulse dot, giant serif display headline with <strong>-wrapped final word recoloring to True Green, lede, dual CTA row, rotating background image with soft fade gradient.

For employers

Evidence-based women's and family healthcare

Expert care across every life stage.

A family at home

hero-stats

Alternative hero used on About. Display title spanning two lines, then 5-up giant numbers row with thin top hairline. Sets credibility without imagery.

By the numbers

We're on a mission to make healthcare work for all of us

175+
Countries with care, coverage & reimbursement
$300m
Raised through Series F
28m
Lives supported worldwide
30+
Provider specialties on the platform
40+
Peer-reviewed studies on our care model

services-grid Signature

The 4-card service taxonomy. Fertility & Family Building / Maternity & Newborn / Parenting & Pediatrics / Menopause & Midlife. Each card: image top, serif h3, body copy, "Learn more →" link. Lift on hover.

Built for every life stage

Fertility & Family Building

Guiding members on the quickest, safest, and most affordable path to bringing home a healthy baby.

Learn more →

Maternity & Newborn Care

Providing proactive, continuous care to help families throughout pregnancy, postpartum, and return to work.

Learn more →

Parenting & Pediatrics

Helping parents navigate their child's development with 24/7 access to pediatric care and expert support.

Learn more →

Menopause & Midlife Health

Empowering members to thrive in midlife, both personally and professionally, with holistic care.

Learn more →

service-detail

Split row used for "Maven completes your care team" and product feature deep dives. Image left, copy stack right (or reversed). Features list with mint-bullet stylings.

How Maven works

Maven completes your care team

Your trusted partner in high-quality, 24/7/365 healthcare — backed by 40+ peer-reviewed studies on our care model.

  • 30+ provider specialties across one care plan
  • Care navigators who follow you across every appointment
  • Global coverage and reimbursement across 175+ countries
  • Milliman-validated outcomes, claims-based

pillar-grid Signature

5-pillar product feature grid from /solutions. Lives directly under the services taxonomy. Mint circle "icon" (numbered, no emoji), serif name, body, divided by hairlines.

Everything, in one place

1

Everything, in one place

One platform for every life-stage need — fertility, maternity, parenting, midlife.

2

AI-driven personalization

Care plans that adapt to the member, not the average.

3

Instant access to care

Book a video visit or message a provider in minutes — not weeks.

4

Financial transparency

Upfront pricing and benefits clarity, before a single appointment.

5

Human-first support

A dedicated care navigator across every appointment, every step.

product-slider Signature

The signature product-tour pattern from /solutions. Pill tabs above flip the right-hand screenshot + the left-hand copy + checklist. Uses Maven's actual production UI screens (Wallet, dashboards, care plans, app home).

24/7 virtual care, predictive insights & benefit details — all in one place

Platform tour
Maven Wallet

Spend benefit dollars on what your family actually needs.

Pre-loaded, employer-funded reimbursement wallet for fertility, adoption, surrogacy, and family-building expenses. Members tap a card, snap a receipt, and Maven handles the rest.

  • Pre-tax dollars, real-time balance & transactions
  • Coverage for IVF, IUI, egg freezing, adoption, surrogacy
  • Direct-to-clinic payment in 30+ specialties
  • Care navigator approves spend in app
Maven Wallet — Fertility & Family Building UI
Production UI · maven app v8.4 Real screens, not mockups

tabs

Audience or program switcher. Pill-shaped track on Paper, active state fills with True Green. Used on /for-employers to flip between life-stage panels, on solutions pages to filter, on member pages to swap provider specialty.

How Maven delivers better care

Fertility & family-building product UI

Fertility & Family Building

Guiding members on the quickest, safest, and most affordable path to bringing home a healthy baby.

  • IVF, IUI, egg freezing, adoption & surrogacy support
  • Clinic match-making + LGBTQ+ inclusive care
  • Care navigators who help interpret your results

trust-bar

Logo grid showing employer customers. Label above ("2,000+ leading employers trust Maven"), monochrome wordmarks below. Top + bottom hairline.

2,000+ leading employers trust Maven to create great employee experiences

amazon Microsoft Vynamic Cisco SoftBank PayPal

stats-bar Signature

Inline horizontal KPI strip on Paper background. Each stat: vertical green rule + giant serif number + body label. Used as proof callout mid-page.

28m
Lives supported across the platform
175+
Countries with end-to-end coverage
40+
Peer-reviewed studies on the care model
24/7
Access to a global provider network

globe-block Signature

Coverage proof block. Giant serif number (175+) paired with an emerald-gradient globe with a pulsing mint locator dot. Used to anchor the "Global care across 175+ countries" claim on employer + health-plan pages.

Global coverage

175+

Countries with care, coverage & reimbursement

Members traveling, expats, distributed teams — Maven follows them. End-to-end care delivery and benefits adjudication in every market your workforce reaches.

industry-cards

4 audience-pillar cards: Employers / Health Plans / Consultants / Employees. Image + emerald scrim, title + body bottom-aligned, mint circular arrow.

values-grid

Operating values from /careers. 3-column hairline grid with green numeral + serif name + ink body. Used wherever Maven articulates how the team works.

Our values

What it takes to achieve Maven's mission

01

Keep healthcare human

Every decision starts with the member — not the system around them.

02

Walk through walls

The hardest problems in women's health weren't solved because no one tried hard enough. We try harder.

03

Embrace a service mindset

Every team owes great service to the next team. Members feel it downstream.

04

Lead with data

40+ peer-reviewed studies, Milliman-validated outcomes — opinions follow evidence.

05

Continuously learn

About the system, about our members, about ourselves. The work demands it.

06

Move fast — better care can't wait

Speed is a service. Every week of delay is care a member doesn't get.

pull-quote

Large editorial pull quote on Cream background. Serif display set at 28-44px, no quote marks. Attribution row below with avatar, name, role.

Maven members experience life-changing moments — from first appointment to bringing baby home.
Dr. Neel Shah
Chief Medical Officer, Maven Clinic

outcomes-grid

3-card grid of clinical outcomes. Giant serif number + qualitative description. Used after long product copy to bring it back to results.

Validated outcomes

Milliman-validated, proven by employer and health plan claims-based studies.

28%

Fewer NICU admissions for maternity members vs. non-Maven cohorts.

Members are twice as likely to return to work after parental leave.

$3.4k

Average savings per pregnancy versus the non-Maven baseline.

two-col

Editorial layout. Left: tight display title (max 14ch). Right: 2–3 body paragraphs at body size. Used for mission, "Maven in the Community", story moments.

Relentlessly focused on closing gaps in care

For too long, the people who needed the most care got the least. Women's and family health was an afterthought across the US healthcare system — under-researched, under-resourced, and structured around an outdated default patient.

Maven was built to change the default. Every product decision starts with: who is being left out, and what is it costing them?

That's why we publish peer-reviewed outcomes. It's why our care navigators stay with members across appointments. And it's why our network spans 30+ specialties — because real care doesn't happen in one room.

changemakers-grid

Leadership / advisory grid. Portrait card (4:5 ratio), name in serif, role in slate sans. Used on About / Scientific Advisory Board pages.

The changemakers reimagining healthcare

Kate Ryder

Founder & CEO

Dr. Neel Shah

Chief Medical Officer

Dr. Jane Van Dis

Medical Director, Maternity

Dr. Sarah Oreck

Medical Director, Mental Health

awards-row

"Award-winning platform and workplace" row. Live on /about. 5 columns, serif year + slate caption. Sits between team grid and final CTA as third-party validation.

An award-winning platform and workplace

Time 100Most Influential Companies · 2024
CNBC Disruptor 502023 · 2024
Fast CompanyMost Innovative Companies
Built In Best PlacesTo Work · 2025
Inc. Best Workplaces2024 · 2025

dual-cta

Two-pathway converter from /for-individuals: one card for "Sign up direct", one for "Get free through employer". Cream + Green pair. Used wherever Maven offers two routes to the same outcome.

resource-grid

3-up blog / resource grid. Image top (5:4), chip + read-time row, serif title. Hover lifts the image only.

press-row

"Maven in the news" press-coverage card row from /about. Paper background card with serif outlet name, serif headline, slate date. Always 3-up, never marquees.

Maven in the news

Transforming healthcare through research & innovation

The New York Times

How Maven Clinic is reshaping the women's health benefit market

April 14, 2026
Forbes

The unicorn behind Microsoft & Amazon's fertility benefits

March 2, 2026
TechCrunch

Maven raises $125M Series F to expand global care

January 21, 2026

jobs-grid

Open roles list on /careers. Department serif header, hairline-separated role rows: title left, location middle, arrow right. Row indents on hover.

faq

"Ask us anything" accordion. Serif question, mint circular toggle (+ / −), body answer below. Used on member-facing pages.

Ask us anything

  • How do I get access to Maven?

    Maven is a benefit offered through your employer or health plan. Check with your HR team or sign in to confirm eligibility — it's free to use once you're verified.

  • What specialties does Maven cover? +
  • Can my partner use Maven too? +
  • Is Maven available outside the US? +

final-cta Signature

Page-end converter. Full-width True Green block (or Deep Emerald, or Cream variant). Centered serif display, lede, single CTA. The most-used closer on the site.

Better care can't wait

Connect with our team and discover how our women's and family health benefits can work for you.

Get free access through your employer

Care that's always there — for you and your family.

demo-form

Inline contact form for employer leads. Two-column on desktop, single-column on mobile. Fully-rounded form fields, green submit at full width.

Improve outcomes for your workforce.
Change the health of the world.

app-cta

Twin app store badges on Deep Emerald. Sits in member-facing pages near "Care that's always there".

Care in your pocket, any time of day or night

Book a video visit, message a provider, or read a personalized care plan — all from the Maven app.