Precision is everything in the operating theatre, and it should be on screen too. The AO Foundation connects surgeons in more than 100 countries, and its clinical divisions such as AO Trauma and AO Spine had each grown their own digital presence. The task: one design language that holds every website, platform and app together.

The result is a 94-page Digital Style Guide built on atomic design principles. It sets Suisse Int'l as the typographic voice with a strict text hierarchy, a responsive grid from 360 px upwards, a restrained blue palette and clear rules for imagery. On top comes a library of UI elements and modules, from navigation and search with visual filters to forms, overlays and tiles. As Digital Experience Designer at Martin et Karczinski, I designed and documented the system.