pass Culture Design System

From 2023 to 2025 I worked at pass Culture in Paris, and for almost two years I was part of a very interesting project. I was paired with a Design Lead to build the new Design System for the main mobile and web apps of the company. I was in charge of the technical side of that project.

After defining together what that design system should be about, I set up a design tokens pipeline as a standalone library. It took JSON format tokens (that can be exported from Zeroheight or Figma Variables), and generated variables files that could be included in the consuming apps builds. I made it work with the style-dictionary library. In the end the three-tier tokens system supports multiple themes (light/dark and others if needed), multiple brands (the customer-facing app and the front office), and multiple platforms (React & React Native).

I co-designed and developed React components for the library, and with the Design Lead I was paired with, we set up a governance process so that product feature teams can include the development of the components in their own sprints.

With it we fulfilled three goals:

• we successfully homogenized the styles of the pass Culture apps: we went from hardcoded colors everywhere to a centralized working dark/light theme and from a free-for-all components re-creation to a set of well suited unique components
• we centralized the documentation of the UI: a single place where anyone can come and see how the components work, and what decisions led to the design tokens the way they are
• we ensured accessibility compliance from the lowest level of the UI with WCAG compliant color contrasts, unit-tested atomic components and thought through WAI-ARIA patterns