Resources

Documentation and supporting materials

Access guidelines, best practices, governance documentation, and supporting assets for effective adoption.

Digital Experience Kits

Complete, ready-to-use UI templates, information architecture with screen examples, and task-driven user workflows.

Who uses it?

Product teams (designers, PMs, developers).

Why it matters

Jumpstarts end-to-end experiences; reduces time to first functional design.

Design

Global icon set used across Roche digital products.

Who uses it?

For designers; for developers.

Why it matters

Visual coherence and flexibility across different contexts.

Design

Development

Illustration system designed for cohesive experiences across product and hardware.

Who uses it?

Designers

Why it matters

Adds clarity, emotion, and brand expression to interfaces.

Design

Encoded visual specs for colors, spacing, width, typography, and more.

Who uses it?

Designers and developers.

Why it matters

Keeps styles consistent across platforms; ready for direct consumption.

Design

Development

ODSU-agnostic wireframing library with flexible, utility components.

Who uses it?

Designers and product teams.

Why it matters

Rapid exploration, alignment, and clear workflow mapping early in the process.

Design