Workday · Design system breakdown
Enterprise-B2B design system covering HR, finance, and the rest of the back-office stack.
Canvas is Workday's design system, public since 2019, supporting the full Workday product surface — HCM, Financial Management, Adaptive Planning. It's open on GitHub under a permissive license and ships React, Web Components, and Figma libraries.
Centralized design-systems team at Workday owns Canvas; component contributions follow a documented RFC process. Workday's design organization is large and the system reflects that — every component goes through formal accessibility, internationalization, and design review before shipping.
| Token | Value | Role |
|---|---|---|
| color-brand-primary | #0875e1 | Workday blue, primary action |
| color-text-default | #191e23 | Default body text |
| color-bg-canvas | #ffffff | Default page surface |
| color-error | #de2e21 | Validation error |
| spacing-12 | 12px | Default control padding |
| type-body-medium | 14px / 20px | Default body text size + line height |
Token names and values are illustrative — refer to the system's official tokens reference for the canonical, current set.
If you're evaluating this system
Study Canvas if you're building B2B SaaS for enterprise — HR, finance, ERP, planning. The data-table and form patterns are the reference. Don't lift the brand; the patterns are the reusable layer.
Compare more systems