CERN Design System

A unified design system for one of the world’s most complex scientific organizations.

The CERN design system laid out as one canvas: foundations, tokens, components and patterns around a live product screen.
My role
Product Design · UX/UI · Design Systems · Interaction · Prototyping
Focus
Design system architecture · UI foundations & tokens · Components & patterns · Accessibility · Responsive behavior · Interaction principles · Documentation · Scalable product workflows
Overview

The challenge was to bring consistency to a large digital ecosystem without losing the distinct character of CERN. The system creates a shared visual and interaction language across websites, applications, content, and internal products—giving teams a flexible foundation they can actually use.

01 / The challenge

Dozens of teams, hundreds of sites and internal tools, each solving the same interface problems on their own. The result looked like many organizations rather than one.

02 / The idea

Make complexity feel coherent.

03 / The result

A shared visual and interaction language that teams across CERN can build on: consistent where it matters, flexible where it needs to be, and documented so it stays that way.

Outcomes
200+
Internal applications on the shared system
84
Components documented and in use
41
Patterns for recurring product problems