Rosenverse
Meet Spectrum, Adobe’s Design System

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
Tricia Wang
Spatial Collapse: Designing for Emergent Culture
2024 • Enterprise Experience 2020
Gold
Ned Dwyer
Right horses for the right courses – how and when to democratize research
2025 • Advancing Service Design 2025
Gold
Sarah Barrett
AI in Real Life: Using LLMs to Turbocharge Microsoft Learn
2025 • Rosenfeld Community
Sam Proulx
Accessibility: An Opportunity to Innovate
2022 • Advancing Research 2022
Gold
Jim Kalbach
Jazz Improvisation as a Model for Team Collaboration
2019 • Enterprise Experience 2019
Gold
John Mortimer
Panel Discussion
2024 • Advancing Service Design 2024
Gold
Niko Laitinen
Adaptable Org Design for Resilient Times
2021 • Design at Scale 2021
Gold
Reginé Gilbert
Asking the Right Questions: Life, Hope and Moving Forward During the Pandemic
2022 • Design at Scale 2022
Gold
Cennydd Bowles
Exit Interview #2: Rediscovering the ethical heart of design
2025 • Rosenfeld Community
Neema Mahdavi
Operationalizing DesignOps
2018 • DesignOps Summit 2018
Gold
Dan Willis
Filling the Void
2018 • DesignOps Summit 2018
Gold
Eduardo Ortiz
Theme 3 Intro
2025 • Advancing Research 2025
Gold
Jules Monza
Use These Words and Count These Things
2024 • DesignOps Summit 2024
Gold
Tristin Oldani
Learning the Part I Used to Hand Off: How Building the Systems Made Me a Better Designer
2026 • Rosenfeld Community
Séamus Byrne
Aligning Teams with Choreography
2024 • Enterprise Experience 2020
Gold
Jeff Gothelf
Who does what by how much?
2025 • Advancing Service Design 2025
Gold

More Videos

Wyatt Hayman

"Participants are paid based on purchasing power parity — $400 USD equivalent spread over six months for active participation."

Wyatt Hayman

Global Research Panels

August 8, 2020

Michal Anne Rogondino

"Nearly 30 years into my career, I’m doing the most rewarding work of my life helping modernize military space systems."

Michal Anne Rogondino

Saving Outer Space: The First UX Design System for Our Nation’s Satellites

January 8, 2024

Sara Asche Anderson

"We want to be an inspiring friend you go to for advice, not just someone who tells you what to buy."

Sara Asche Anderson Jamie Kaspszak

Not Your Ordinary Re-Brand: Design's Path to Driving Customer Obsession at Best Buy

January 8, 2024

Patrizia Bertini

"Without data, we are just a person with an opinion — you can’t measure performance or impact without data."

Patrizia Bertini

DesignOps + KPIs = Measure your Impact!

January 8, 2024

Amahra Spence

"All organizing is science fiction; it’s about the imaginations we choose to design from."

Amahra Spence

Designing for Liberation, Rehearsing Freedom

November 18, 2022

Dan Willis

"A typical enterprise customer has like five analysts who need a login, not millions of users."

Dan Willis

Enterprise Storytelling Sessions

May 13, 2015

Erika Flowers

"Focus on the destination, not the vehicle, because AI tools will change every single day."

Erika Flowers

AI-Readiness: Preparing NASA for a Data-Driven, Agile Future

June 10, 2025

Dalia El-Shimy

"Telling the right story means creating a memorable shorthand that leaders can reference when they're at other tables."

Dalia El-Shimy

So You've Got a Seat at the Table. Now What?

March 31, 2020

Ben Davies

"Tagging content as evergreen or setting validity periods helps automate cleaning and maintaining the repository over time."

Ben Davies Matt Duignan Andrew Michael Dr. Emily DiLeo

Expert Panel: The Principles of Research Repository Design

March 11, 2022