Digital Design

Pulse: A design system for a health platform

Unified six product teams on one accessible component library — shipping consistent UI two to three times faster.

Pulse design system case study cover
Role
Design Systems Lead
Client
Pulse Health
Year
2023
Discipline
Digital Design

Pulse had grown to six product teams, each rebuilding the same buttons, forms, and tables in slightly different ways. The result was an inconsistent experience for patients and clinicians, and a lot of duplicated effort. I led the work to design a shared system everyone could trust.

Overview of the Pulse design system foundations
Foundations first: a token system for color, type, and spacing that encodes accessibility by default.

The problem

There was no shared source of truth. Color contrast varied wildly, focus states were inconsistent, and every team interpreted spacing differently. For a health product, the accessibility gaps weren’t cosmetic — they were a real barrier to care.

Token architecture for the design systemComponent documentation in the system site
A layered token architecture (left) feeds a documented component library (right).

Approach

I started with tokens — semantic color, type, and spacing scales that bake WCAG-compliant contrast into the defaults so teams can’t easily ship inaccessible UI. On top, a component library with usage guidance, accessibility notes, and live code, all in one searchable site.

The system turned accessibility from a checklist at the end into the path of least resistance.

Engineering Lead, Pulse Health

Outcome

  • New screens shipped 2–3× faster with consistent, accessible UI.
  • Every core component met WCAG 2.1 AA contrast and focus requirements.
  • A single documentation site became the shared language across design and engineering.
Design systemsAccessibilityTokensDocumentation

Contact

Have a project in mind?

I take on a small number of product and design engagements at a time. If you’re building something thoughtful, I’d love to hear about it.

Send a message

or email robertcanalesdesign@gmail.com