Source · mavenclinic.com

A design system, a homepage, and three landing pages — for women's and family health.

Real colors lifted from production Webflow CSS — True Green #00856F, Deep Emerald, Mint, Cream. Real photography from the Maven CDN. Fraunces serif as the free Google Fonts stand-in for proprietary Domaine Display. The system below; a homepage and three landing pages composed from it.

The system

Tokens, type, and components — extracted, not invented.

Fourteen colour tokens grep'd from the live Webflow stylesheets, a Domaine Display + Montserrat type ramp, six signature patterns (hero pill, services grid, pillar grid, product slider, stats bar, globe block, final CTA), and the editorial photography that ties Maven's anti-clinical look together.

Open the design system →

Evidence-based women's and family healthcare

The homepage

Everything the system ships — at full strength.

Announcement banner, hero pill with rotating family photography, 4-card services grid, trust bar of employer logos, "Maven completes your care team" service detail, Milliman stats strip, industry-pillar cards, Dr. Neel Shah pull quote, app CTA on Deep Emerald, three-up resource cards, and the True Green "Better care can't wait" closer. Same tokens, full beat.

Open the homepage →

Three landing pages on the same system.

Click to open

Landing 01

Enterprise buyer

For Employers

5-pillar platform grid, product slider with real Maven UI screens, life-stage tabs, Milliman-validated outcomes (28% / 2× / $3.4k), awards row, demo form, cream final CTA.

Open landing →

Landing 02

Payor · network

For Health Plans

Deep emerald hero pill, globe block (175+ countries), stats bar, claims-based outcomes, industry cards, plan-partnerships form, deep emerald final CTA.

Open landing →

Landing 03

Member sign-up

For Members

4-card services grid, deep emerald app CTA with phone, dual CTA (employer vs. direct), member pull quote, FAQ, true-green final CTA.

Open landing →