Pulse for Medlify

The context

Scalable systems for modular healthcare platforms. Built a white-label design system that cut design time by 57%, reduced errors by 60%, and powered platforms serving 1.3M+ U.S. users annually — including Versalie™ by Kenvue.

Medlify is a modular SaaS platform enabling white-label virtual care products across the U.S. I was brought in to lead the creation of a unified design system — built from the ground up — to support product scalability, visual consistency, and faster delivery across multiple client implementations.

The system needed to flex between B2C and enterprise healthcare contexts, while meeting accessibility standards and aligning with regulatory demands.

Pulse colour documentation showing primary, secondary and disabled text colours alongside foundation navigation. — **Colour with a defined role**
Text colours are documented by role rather than appearance alone.

Pulse documentation with dark, default and light primary blue swatches, colour codes and secondary colours. — **A palette that can adapt**
Each colour family includes named variants and implementation values.

Pulse button documentation with text-only, leading-icon, trailing-icon and icon-only examples. — **One button family, clear variations**
The button guidance distinguishes content and icon placement within one component family.

Pulse spacing documentation with a base-unit explanation and a table of spacing values and variables. — **Spacing as a shared decision**
A shared spacing scale connects visual rhythm to named implementation values.

Highlights

Challenge

Inconsistent patterns across teams led to duplicated work, slower delivery, and usability gaps.

Strategy

I led the design of a modular system based on Atomic Design, built to scale across multiple white-labeled products.

Execution

Created reusable component libraries, design tokens, and documentation
Centralized all assets in a living Figma+Docs hub for design-dev alignment
Embedded accessibility (WCAG 2.1 AA+) and visual standards from day one

Impact

4+

Healthcare platforms powered by a Pulse — including Versalie™ by Kenvue, which supports ~1.3M U.S.

57%

Faster design delivery and 60% fewer inconsistencies, leading to faster handoff and higher product quality across teams

1.3M+

Annual users supported through Versalie, plus additional impact across enterprise healthcare platforms

1

Modular documentation library, enabling faster onboarding and consistent UX across distributed product teams

Virtual care homepage with a Get Started button, a person using a phone and condition cards below. — **A clear starting point for care**
The page introduces the virtual care assistant before presenting condition choices.

The system behind a distinct brand

Editorial typography and photography create a distinct identity, while the layout retains a clear primary action and grouped support pathways.

Dark virtual care homepage with an athlete photograph, a red Get Started button and care cards underneath. — **A different identity, familiar structure**
A darker palette, stronger typography and red actions give this example a different character.

Virtual care homepage with a Get Started button and a summary of price, eligible age and expected waiting time. — **Practical information before commitment**
Price, age eligibility and expected waiting time are grouped directly beneath the introduction.

What I Learned

Leading a white-label design system project taught me how to balance system flexibility (for client-specific customization) with strict design consistency. It also reinforced the importance of harmonizing accessibility (WCAG 2.1 AA+), documentation, and cross-disciplinary collaboration in regulated contexts.