OneDS
Home

We help you build Roche experiences that adapt to patient needs

We help you build Roche experiences that adapt to patient needs

The new OneDS provides guidelines, patterns, and code to help teams build consistent Roche digital experiences that anticipate patient needs.

Find out more Watch video

Benefits

OneDS brings Roche's digital products together, helping teams build experiences that are consistent, flexible, and intuitive.

Consistency
ConsistencyA design language that makes Roche products recognizable and cohesive.
Multi-Brand
Multi-BrandBuilt-in support for multiple brands and themes across the portfolio.
Multi-Platform
Multi-PlatformDesigned for web, mobile, and diverse devices with consistent behavior.
Efficiency
EfficiencyReusable patterns and components that help teams build faster.
Accessibility & Compliance
Accessibility & ComplianceWCAG-compliant and aligned with Roche quality standards.
OneAI
OneAIA multi-agent plugin with OneDS knowledge

Build experiences

Foundation
FoundationCore design decisions such as color, typography, spacing, motion, and tokens.
Components
ComponentsReusable building blocks with usage, behaviour, and implementation guidance.
Patterns
PatternsCommon interaction and layout solutions for recurring product scenarios.
Tools
ToolsDesign and development tools that support system adoption and workflow.
Accessibility
AccessibilityAccessibility principles, requirements, and best practices.

Scale your product

Adoption
AdoptionGuidance on rolling out, integrating, and scaling the design system.
Roadmap
RoadmapUpcoming features, improvements, and planned initiatives.

Here to help

Resources
ResourcesGuidelines, documentation, and supporting materials for teams.
Meet the team
Meet the teamGet to know the people behind the design system.
What's new
What's newLatest updates, releases, and improvements to the design system.