Twelve programs, one shared component library, zero accessibility regressions.
Vitalyst Health Foundation funds 12 health programs across Arizona, each with its own brand and editorial team. A single accessibility regression in a shared component was silently failing on 4 of the 12 sites.
Vitalyst Health Foundation funds 12 health programs across Arizona. Each program has its own brand expression, editorial team, and content calendar. They all share a single Next.js codebase and design system.
The design system problem We inherited a component library of 230 components built over four years by three different agencies. About 40% of them had WCAG violations — missing focus states, insufficient color contrast, unlabeled icon buttons.
Sanity for 12 editorial teams We chose Sanity because its Studio is customizable enough to give each program team a scoped view of their own content, while sharing the same underlying schema. A Vitalyst administrator can see all 12 programs; a program editor sees only their own.
Chromatic for zero-regression guarantees Every component ships with a Storybook story. Chromatic runs visual regression tests on every PR. If a shared component changes in a way that affects its appearance on any of the 12 program variants, the PR is blocked until a human reviews and approves the diff.
The result Twelve editorial teams publish independently without breaking each other's sites. The design system has grown to 280 components, all tested, all accessible, all documented.