Galaxy OS Design System
Building a unified, scalable design language for 500M+ Galaxy devices
Samsung's Galaxy ecosystem spans phones, tablets, watches, and TVs — each with its own design patterns, inconsistencies, and technical debt. My brief was clear: create one design language that works across all of them.
The Problem
Before the design system, Samsung's MX division had three separate component libraries maintained by different teams — none of them fully compatible. A button in the Samsung Pay flow looked and behaved differently from the same button in Samsung Health. New product teams spent 40% of their first sprint just recreating baseline components.
Beyond visual inconsistency, accessibility compliance was a manual, per-product concern. There was no single source of truth.
Every team was solving the same problems independently. We weren't building products — we were rebuilding the foundation over and over.
— VP of Design, Samsung MX
Process
Audit & Inventory
Catalogued 1,200+ UI components across Galaxy UI, One UI Watch, and Samsung TV+ apps. Identified 47 distinct button variants, 12 navigation patterns, and 9 separate colour tokens for the same 'primary blue'.
Token Architecture
Designed a three-tier token system: Global tokens (raw values) → Semantic tokens (role-based) → Component tokens (contextual). This enabled a single source change to propagate correctly across light, dark, and high-contrast modes.
Component Specification
Specified every component with states (default, hover, focus, disabled, error), responsive behaviour, touch target minimums (44×44px), and WCAG 2.2 AA colour-contrast ratios. Each spec shipped with a Figma component and a coded counterpart.
Pilot & Validation
Ran a 6-week pilot with the Samsung Pay and Galaxy Themes teams. Collected feedback through weekly office hours and a shared Slack channel. Iterated on 80+ component specs before the broader rollout.
Documentation & Rollout
Built a searchable documentation site with do/don't examples, copy-ready code snippets, and an upgrade guide for existing products. Trained 140 designers and 200+ engineers across eight product lines.
Design Decisions
Semantic Colour Tokens
Replaced 300+ hardcoded hex values with semantic tokens (e.g., `color.interactive.primary`). Enabled One UI 6 dark-mode roll-out in 3 weeks instead of the estimated 3 months.
Accessibility-First Components
Every component ships with ARIA roles, keyboard navigation, focus rings, and minimum 4.5:1 colour contrast baked in — not bolted on afterward.
Adaptive Layout Grid
A 4-column → 8-column → 12-column grid system that scales from Galaxy Watch Ultra (454px) to Galaxy Z Fold's inner screen (832px) using the same base components.
Living System Process
Introduced a quarterly review cadence with a formal RFC process for new components. Any team can propose additions; the core team reviews, approves, and owns the canonical implementation.
Outcomes
The Galaxy OS Design System shipped in Q3 2023 and became mandatory for all new Galaxy products by Q1 2024. The reduction in design review cycles alone freed each product team an estimated two design sprints per quarter.
The system's accessibility layer helped Samsung achieve CVAA compliance for Galaxy TV+ six weeks ahead of the regulatory deadline — a first for the division.
Related Work
SmartThings — Connected Living
Designing an IoT experience that disappears into daily life for Samsung's 250M connected-device platform
Samsung Health 3.0
Redesigning Samsung's 300M-user health platform around daily wellbeing, not data overload
Trezi — Immersive Architecture Platform
Designing the UX for India's first VR-native architecture collaboration tool used by 600+ AEC firms