Design system

All work →

Ostra components

A React library of 64 components shared by the patient app and the clinic dashboard.

Project

2025

Client

Ostra

Role

Design and React

Team

Me, with two engineers

Timeline

Ongoing since 2024

Ostra components, design system screen
Ostra components, design system screen in dark mode

Challenge

Two products, three button styles and a design file nobody trusted. Every new screen started with an argument about padding.

Approach

I started from the twelve components the booking flow needed, wrote them in React with the tokens in code, and documented each one with a single rule and one example.

Outcome

64 components, used on every new screen in both products. Design reviews now argue about flows, not padding.

64

components

2

products on one library

Weekly

releases

Every component page opens with one rule.
Every component page opens with one rule.

Every component page opens with one rule.

Props are documented next to the preview, not in a separate file.
Props are documented next to the preview, not in a separate file.

Props are documented next to the preview, not in a separate file.

Ilse Vos

Product designer who builds. Amsterdam, working remotely.

Bisect, a Framer template by Ajoy

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