A hormone-tracking bracelet that reads your cycle before you'd notice it yourself.

Marea hero section with a model wearing the pink hormone-tracking bracelet, web design by Luna UI

Work

Pre-launch brand and website for Marea, a bracelet that tracks hormones and tells you where you are in your cycle. Landing page, product sections and an app preview, built in Framer.

Year

2026

Industry

Health Tech / Wearables

Role

Brand & Website

Timeline

3 weeks

Marea homepage hero and dark about section introducing the bracelet, web design by Luna UI
Marea feature cards with motion photography and product details on a dark background, web design by Luna UI

APPROACH

The product works in the background, so the interface had to stay out of the way too.

The site moves from a bright editorial hero into dark product sections, so the bracelet reads as fashion first and health device second. Product details live in bento cards, one card for one idea: battery, size, durability, privacy.

Marea bento section with bracelet colorways and the cycle-tracking app screen, web design by Luna UI
Marea durability, battery and sizing cards next to a lifestyle photo, web design by Luna UI
Marea early tester reviews section with testimonial cards, web design by Luna UI

RESULTS

A waitlist site where every section answers one question a future buyer has, from how the bracelet looks on the wrist to what the app actually shows. Soft and light where the product is personal, structured and dark where it has to earn trust.