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 spanning multiple platforms and business units with diverse technologies.

  • The design system evolved from a few Adobe designers managing Illustrator files to a dedicated cross-functional team since around 2015.

  • Spectrum’s team focuses on design, documentation, and defining tokens but relies on product engineering teams for component implementation.

  • Component health is tracked transparently using a design checklist linked to open tickets to prioritize fixes.

  • Spectrum shifted from quarterly global versions to individual component versioning for more granular updates and smoother communication.

  • Spectrum Contributions is a sister site showcasing design work-in-progress components to gather community feedback early and increase visibility.

  • Design tokens serve as a single source of truth for attributes like color and sizing, enabling theme flexibility and consistent UI kit generation.

  • Leonardo, a tool developed by Nate Baldwin’s team, automates generating accessible color palettes by targeting specific contrast ratios across themes.

  • Naming components and their properties precisely is the toughest challenge, addressed by working closely with a content strategist, Jess Satel.

  • Spectrum maintains strong collaboration with multiple engineering teams through weekly meetings, office hours, and Slack channels to synchronize design decisions and implementation feedback.

Notable Quotes

"Our team does not actually build the components consumed by product teams due to how Adobe's teams are structured."

"We use a design checklist to show the health of each component, leaving items unchecked if they don't meet standards."

"Naming things is the hardest thing; it’s an ongoing process involving components, their parts, and properties."

"We investigate whether we can skin native components to respect platform conventions while identifying commonalities and differences."

"Instead of choosing colors and then checking contrast, we define target contrast ratios first and generate colors accordingly."

"Leonardo helps generate color palettes that meet contrast requirements, ensuring accessible themes."

"Our UI kits are generated through JavaScript from design tokens, reducing manual errors and keeping everything up to date."

"We have a Spectrum Guild that includes product designers and managers from every business unit to surface major changes and requests."

"We hold quarterly town halls and office hours to keep the community informed and supported."

"We’re far from done; evolving foundational elements, accessibility, and customization tools will drive Spectrum’s future."

Ask the Rosenbot
Leah Buley
Closing Plenary: The Crisis of Digital
2020 • Advancing Research 2020
Gold
Lada Gorlenko
Theme 1: Intro
2024 • Enterprise Experience 2020
Gold
Kaitlin Tasker
Fast and Fearless Inclusive Research
2023 • Advancing Research 2023
Gold
Dane DeSutter
Beyond the Console: The rise of the Gamer Experience and how gaming will impact UX Research across industries (Videoconference)
2024 • QuantQual Interest Group (Rosenfeld Community)
Scher Foord
Turn the Ship Around: How to Apply Design Thinking Across Your Organization
2021 • Design at Scale 2021
Gold
Josina Vink
Navigating the pitfalls of systems thinking in service design
2024 • Advancing Service Design 2024
Gold
Sarah Brooks
Theme Three Intro
2022 • Civic Design 2022
Gold
Kristen Guth, Ph.D.
Out of the FOG: A Non-traditional Research Approach to Alignment
2023 • Advancing Research 2023
Gold
Daniel Gloyd
Warming the User Experience: Lessons from America's first and most radical human-centered designers (Videoconference)
2024 • Rosenfeld Community
Indi Young
Thinking styles: Mend hidden cracks in your market
2025 • Rosenfeld Community
Katy Mogal
But Do Your Insights Scale?
2021 • Advancing Research 2021
Gold
Iram Shah
Closing Keynote: The View from the Top
2019 • Enterprise Experience 2019
Gold
Sarah Barrett
AI in Real Life: Using LLMs to Turbocharge Microsoft Learn
2025 • Rosenfeld Community
Carol Smith
Operationalizing Responsible, Human-Centered AI
2023 • Enterprise UX 2023
Gold
Jill Fruchter
Inconvenient Insights: The Researcher's Role is to Stay Curious
2023 • Advancing Research 2023
Gold
Jeff Gothelf
The Intersection of Lean and Design (Videoconference)
2019 • Enterprise Community

More Videos

Alex Hurworth

"Each species lost is a thread untethered from the web of life that supports us all."

Alex Hurworth Bonnie John Fahd Arshad Antoine Marin

Designing a Contact Tracing App for Universal Access

October 23, 2020

Laine Riley Prokay

"Investing in new practitioners is mutually rewarding; we learn from their fresh perspectives and reassess what we know ourselves."

Laine Riley Prokay Lisa Gordon

Carving a Path for Early Career DesignOps Practitioners

September 9, 2022

Eniola Oluwole

"People felt designs were self-evident and too much explanation was a barrier to using the patterns."

Eniola Oluwole

Lessons From the DesignOps Journey of the World's Largest Travel Site

October 24, 2019

Nathan Shedroff

"Living personas refreshed constantly with new research allow others to connect with real customer behaviors."

Nathan Shedroff

Double Your Mileage: Use Your Research Strategically

March 31, 2020

Sam Proulx

"You can just pick up your phone and start testing accessibility instantly without procurement or licensing hurdles."

Sam Proulx

Mobile Accessibility: Why Moving Accessibility Beyond the Desktop is Critical in a Mobile-first World

November 17, 2022

Feleesha Sterling

"Documentation and making findings visible even without a dedicated research librarian helps maintain program momentum."

Feleesha Sterling

Building a Rapid Research Program (Videoconference)

May 18, 2023

Neil Barrie

"Bumble’s single feature of women making the first move addressed a huge cultural challenge and lifted the brand."

Neil Barrie

Widening the Aperture: The Case for Taking a Broader Lens to the Dialogue between Products and Culture

March 25, 2024

John Devanney

"Design systems help bridge the gap between design and development, but collaboration remains key."

John Devanney

The Design Management Office

November 6, 2017

Katy Mogal

"Find the curious partners who will do some of the evangelizing for you to their peers."

Katy Mogal

But Do Your Insights Scale?

March 12, 2021