Mareld UI
A component library for a health technology company’s patient and clinician apps, built on Radix and documented in Storybook.
client
Mareld Health
role
Design system lead
year
2024
stack
React · Radix · Storybook
01 / problem
Mareld Health had three apps built by three teams, with four different date pickers and no shared idea of what a button was. Every accessibility audit came back with the same list of issues in different places.
02 / approach
Together with their designer I built the library on Radix primitives, wired it to design tokens exported from Figma and documented every component in Storybook with usage notes and a keyboard map. Each component ships with an axe test and a visual snapshot.
03 / outcome
The library has 64 components and all three apps use it. Every component meets WCAG 2.1 AA, and new screens now take days instead of weeks because the hard parts are already solved.
64
Components in the library
AA
WCAG 2.1 level on every component
