Ambry

·

Collections software for museums

Design system

One system for four museum products

One system for four museum products

Ambry had four products and four sets of buttons. I designed one system and shipped it as a React library their three teams use.

Ambry had four products and four sets of buttons. I designed one system and shipped it as a React library their three teams use.

Year

2025

Role

Design system design and React library

Duration

16 weeks

A column of Ambry interface components in muted museum tones: a record card for a glazed bowl, filter chips, a search field with a toggle, and buttons
A column of Ambry interface components in muted museum tones: a record card for a glazed bowl, filter chips, a search field with a toggle, and buttons
A column of Ambry interface components in muted museum tones: a record card for a glazed bowl, filter chips, a search field with a toggle, and buttons

01 · The brief

What they asked for

What they asked for

Every team rebuilt the same table. Curators use all four of our products in one afternoon, and they feel like four different companies.

Constraints

  • Four products, three front-end teams, no system owner

  • WCAG 2.2 AA required by public museum clients

  • No freeze on feature work during the move

Screenshots of four different data tables from the four Ambry products laid side by side
Screenshots of four different data tables from the four Ambry products laid side by side
Screenshots of four different data tables from the four Ambry products laid side by side
A single redesigned collection table with annotations for density, sorting and keyboard focus
A single redesigned collection table with annotations for density, sorting and keyboard focus
A single redesigned collection table with annotations for density, sorting and keyboard focus

02 · Design

What I decided, and why

01

Start with the table, not the button.

Collection records live in tables. Fixing them first won the teams over.

02

Tokens before components.

Shared color and spacing tokens let each product move at its own pace.

03

Docs for engineers, not a showcase.

Every component page opens with the code to copy.

03 · Build

How it was built

How it was built

Stack

React, TypeScript, Radix primitives, Style Dictionary, Storybook, Chromatic

What the team kept

A versioned npm package, a contribution guide, and two engineers trained to own it.

The Ambry docs page for the Table component, showing a live example and its props
The Ambry docs page for the Table component, showing a live example and its props
The Ambry docs page for the Table component, showing a live example and its props

04 · Result

What changed

120

components in use across 3 product teams, one quarter after release

0

open WCAG AA issues at handoff, down from 63

−40%

front-end time on new screens, team estimate after two sprints

We stopped arguing about buttons and started shipping features.

Lena Fischer

Design Director, Ambry

We stopped arguing about buttons and started shipping features.

Lena Fischer

Design Director, Ambry

We stopped arguing about buttons and started shipping features.

Lena Fischer

Design Director, Ambry

Contact

Have a project with a date on it?

Tell me what you’re building and when it needs to ship. I’ll reply with whether I can help, and how.

A new email to hello@rhealind.com asking to talk about a project with a June launch, beside a March 2027 calendar whose first week is highlighted as 'Booking from', and a tag reading 'Replies within 1 business day'.

Booking from March 2027

Replies within 1 business day

Pacific Time

Contact

Have a project with a date on it?

Tell me what you’re building and when it needs to ship. I’ll reply with whether I can help, and how.

A new email to hello@rhealind.com asking to talk about a project with a June launch, beside a March 2027 calendar whose first week is highlighted as 'Booking from', and a tag reading 'Replies within 1 business day'.

Booking from March 2027

Replies within 1 business day

Pacific Time

Contact

Have a project with a date on it?

Tell me what you’re building and when it needs to ship. I’ll reply with whether I can help, and how.

A new email to hello@rhealind.com asking to talk about a project with a June launch, beside a March 2027 calendar whose first week is highlighted as 'Booking from', and a tag reading 'Replies within 1 business day'.

Booking from March 2027

Replies within 1 business day

Pacific Time

Remix FREE

Create a free website with Framer, the website builder loved by startups, designers and agencies.