Roku Design System

Role

Principal, Design Systems

Company

Roku

Main Project Image
Main Project Image
Main Project Image

Unified design language across platforms

As Roku scaled from startup to public company with 5 distinct business units, design inconsistency was creating user confusion and slowing development. Roku grew fast. Five business units, each with product teams moving independently, each solving similar problems in slightly different ways. Buttons looked different across surfaces. Typography felt inconsistent. Color usage drifted. The lack of system wasn't creating freedom, it was creating friction.

Large Project Gallery Image #1
Large Project Gallery Image #1
Large Project Gallery Image #1

Impact & Adoption

Business Impact

  • Product teams reduced design-to-implementation time by 30-40%

  • Visual consistency improved across all surfaces

System Outcomes

  • Token architecture defining color, typography, spacing, and motion

  • Component libraries for web, native mobile, and TV platforms

A closer look at the work

๐Ÿ”’ Roku Typeface

Contributors

Colophon