Legacy

OneDesign System Unified

OneDesign System Unified

ODSU OneWebComponents Kit will be maintained until 2030 for bug fixing. We strongly recommend migrating to OneDS React kit. Contact us for more information.

ODSU OneWebComponents Kit will be maintained until 2030 for bug fixing. We strongly recommend migrating to OneDS React kit. Contact us for more information.

Components preview

Components

The Component Library and Design Kit provide the foundation of the design system. Used across many Roche applications, these elements are certified for functionality and accessibility.

Regular Kit

XL Kit

OneWebComponents Kit

Patterns preview

Patterns

The Pattern Library assembles components into ready-to-use design and code elements for common workflows.

Regular Patterns

XL Patterns

Resources preview

Resources

Additional resources for product design and development, including the Icon Library, Roche Fonts and Design Tokens.

Digital Experience Kits Hub

OneDesign System Icons

OneDesign System Illustrations

OneDesign System Tokens

Roche Sans Font

navify Animation

DIA Wireframe Kit