Rosenverse

This video is only accessible to Gold members. Log in or register for a free Gold Trial Account to watch.

Log in Register

Most conference talks are accessible to Gold members, while community videos are generally available to all logged-in members.

Meet Spectrum, Adobe’s Design System
Gold
Wednesday, June 9, 2021 • Design at Scale 2021
Share the love for this talk
Meet Spectrum, Adobe’s Design System
Speakers: PJ Buddhari and Nate Baldwin
Link:

Summary

We built Adobe’s design language, Spectrum, to work on a huge and varied product ecosystem. Adobe’s offering includes dozens of connected desktop, web, and mobile experiences with millions of worldwide users. Some of our products are brand new and some have been in the market for decades. Hear from two of Spectrum’s designers as they give an overview of the design system and answer your questions about building and scaling a design system!

Key Insights

  • Spectrum supports over 130 Adobe products across three business units and multiple platforms, requiring a highly scalable and flexible design system.

  • The design team does not implement components directly; implementation is handled by separate engineering teams, necessitating strong cross-team collaboration.

  • Spectrum evolved from occasional quarterly versions to individual component versioning, improving change tracking and prioritization by implementation teams.

  • A transparent design checklist tracks component quality and health with open issues linked to Jira tickets to prioritize fixes and improvements.

  • Spectrum Contributions is a sister site hosting 110+ work-in-progress components, increasing visibility and community feedback outside the core team.

  • A design token repository serves as a single source of truth for all component attributes like color and sizing, ensuring consistency and ease of updates.

  • Nate Baldwin highlights naming as the hardest ongoing challenge due to multiple platforms and diverse teams; content strategist Jess Satel assists in establishing a clear terminology.

  • Spectrum balances consistency and respect for platform-specific UI conventions by either skinning native components or documenting deviations explicitly.

  • Accessibility and color theming are managed by defining target contrast ratios first, then generating compliant colors via the custom tool Leonardo.

  • The Spectrum team fosters community via multiple engagement channels including Spectrum Guild quarterly meetings, town halls, office hours, and Slack, improving documentation and prioritization.

Notable Quotes

"Our team does not actually build the components consumed by product teams. Implementation teams report to their respective engineering and product orgs."

"We moved from versioning the entire system quarterly to individually versioning components, so changes are easier to track and prioritize."

"Naming things — components, properties, parts — is the hardest thing and it never stops. Thankfully, we have Jess Satel, our amazing content strategist."

"We try to keep things as consistent as possible in terms of the API but document where platforms need to deviate to be good citizens of their environment."

"Instead of choosing colors then checking contrast, we flipped the process and started by defining contrast ratio targets and then generating colors to meet them."

"We capture component design decisions and health transparently with checklists; unchecked items correspond to open tickets for prioritization."

"We have weekly meetings with implementation teams to design APIs, discuss progress, and address issues to ensure alignment."

"Spectrum Contributions site gives visibility to work-in-progress components, making users more vocal with feedback that we can capture and raise."

"Our UI kits are generated through JavaScript based on tokens, meaning less manual work, fewer errors, and consistent updates across themes and platforms."

"Spectrum is about empowering collaboration across products, disciplines, and clouds — not just providing tools but supporting people using the system."

Ask the Rosenbot
Indi Young
Thinking styles: Mend hidden cracks in your market
2025 • Rosenfeld Community
Josh Clark
Sentient Design: New Design Patterns for New Experiences (3rd of 3 seminars)
2025 • Rosenfeld Community
Dante Guintu
How to Crush the Talent Crunch
2022 • DesignOps Summit 2022
Gold
Kaitlin Tasker
Fast and Fearless Inclusive Research
2023 • Advancing Research 2023
Gold
Milan Guenther
A Shared Language for Co-Creating Ambitious Endeavours
2023 • Enterprise UX 2023
Gold
Jon Fukuda
Theme One Intro
2022 • DesignOps Summit 2022
Gold
Nick Cochran
Growing in Enterprise Design through Making Connections
2019 • Enterprise Experience 2019
Gold
Dane DeSutter
Keeping the Body in Mind: What Gestures and Embodied Actions Tell You That Users May Not
2024 • Advancing Research 2024
Gold
Jilanna Wilson
Distributed DesignOps Management
2019 • DesignOps Community
Silke Bochat
5 Antifragile Strategies for a DesignOps 2.0
2024 • DesignOps Summit 2024
Gold
Harry Max
Priority Zero: Some Things are More Equal than Others
2016 • Enterprise UX 2016
Gold
Product and Design at Bloomberg: A 15-year Evolution
2022 • Design in Product 2022
Gold
Amy Paris
Delivering Equity: Government Services for All Ages, Languages, Sexual Orientations, and Gender Identities
2021 • Civic Design 2021
Gold
Sam Proulx
Online Shopping: Designing an Accessible Experience
2023 • Design in Product 2023
Gold
Rebecca Gimenez
Work in Progress: Service Design at Airbnb
2024 • Advancing Service Design 2024
Gold
Aurobinda Pradhan
Introduction to Collaborative DesignOps using Cubyts
2022 • DesignOps Summit 2022
Gold

More Videos

Nalini Kotamraju

"What happens if research does not report into UX? What might happen if we uncouple research from UX?"

Nalini Kotamraju

Research After UX

March 25, 2024

Dean Broadley

"Availability bias means hiring managers often pick fruit from a tree they haven't planted."

Dean Broadley

Not Black Enough to be White

January 8, 2024

Denise Jacobs

"We’re not going for perfection. We’re going for excellence and change."

Denise Jacobs Nancy Douyon Renee Reid Lisa Welchman

Interactive Keynote: Social Change by Design

January 8, 2024

Kim Fellman Cohen

"Our team’s improvement wasn’t the final state—we set ambitious goals to be in the 80th to 90th percentile next year."

Kim Fellman Cohen

Measuring the Designer Experience

October 23, 2019

George Aye

"Why do designers decide how to design this? How do we wean design's addiction from whiteness?"

George Aye

That Quiet Little Voice: When Design and Ethics Collide

November 16, 2022

Nathan Curtis

"Short-term pairings with different design people help bring back contributions into the central system."

Nathan Curtis

Beyond the Toolkit: Spreading a System Across People & Products

June 9, 2016

Greg Petroff

"Platforms need researchers and designers to make them meaningful and intentional for the people they are designed to serve."

Greg Petroff

The Compass Mission

March 10, 2021

Chloe Amos-Edkins

"Budget and time are the enemies of inclusivity in research."

Chloe Amos-Edkins

A Cultural Approach: Research in the Context of Glocalisation

March 27, 2023

Mackenzie Cockram

"Some stakeholders still prefer their beliefs to data, even in academia."

Mackenzie Cockram Sara Branco Cunha Ian Franklin

Integrating Qualitative and Quantitative Research from Discovery to Live

December 16, 2022