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

  • Adobe's Spectrum supports a vast portfolio of over 130 products across multiple business units and platforms.

  • The design system began organically and was formalized in 2015, allowing for improved structure and teamwork.

  • Key challenges include naming components effectively to accommodate diverse user mental models and frameworks.

  • Spectrum prioritizes documentation to capture design decisions and provides transparency on component health and evolution.

  • Accessibility is a core commitment, with tools like Leonardo ensuring color contrast ratios meet standards for inclusivity.

  • The system allows for flexible theme support, ensuring usability across various platforms while respecting their conventions.

  • Spectrum encourages community engagement through town halls and office hours, fostering collaboration and feedback.

  • The team employs a decentralized approach to implementation, working closely with various product teams to ensure design fidelity.

  • Regular iterations and updates to components are part of Spectrum's living system, adapting to changing user needs and technologies.

  • Continuous evolution is needed to address gaps in functionality and enhance user experiences across Adobe's offerings.

Notable Quotes

"Spectrum is a living and breathing thing that will evolve over time."

"Naming things is the hardest part of managing a design system."

"We had to learn to work smarter, not just harder, to support Spectrum."

"Our team does not actually build the components consumed by product teams."

"We document every design decision and capture open issues related to components."

"Using design tokens helps us avoid duplication and customization errors across products."

"We've established a strong working relationship with implementation teams to better define and improve our libraries."

"We now have over 110 components in spectrum contributions, which increases visibility and feedback."

"Our priority is placing customer needs first in every aspect of our design."

"Spectrum makes it a priority to support multiple themes while ensuring accessibility and inclusivity."

More Videos

Ed Mullen

"Citizen satisfaction with federal services has significantly declined due to various systemic issues."

Ed Mullen

Designing the Unseen: Enabling Institutions to Build Public Trust

November 16, 2022

Peter Levin

"Organizations want to solve big existential, durable questions."

Peter Levin

Solve a Problem Here, Transform a Strategy There: Research as an Occasion for Expanding Organizational Possibility

March 25, 2024

Bria Alexander

"OKRs can suck the air out of the room if top-down direction is enforced."

Bria Alexander Benson Low Natalya Pemberton Stephanie Goldthorpe

OKRs—Helpful or Harmful?

January 20, 2022

Kate Koch

"We are stronger when we work together towards a unified goal"

Kate Koch Prateek Kalli

Flex Your Super Powers: When a Design Ops Team Scales to Power CX

September 30, 2021

Amy Marquez

"Each of those sides contributes revenue to the bottom line in some way."

Amy Marquez

INVEST: Discussion

June 15, 2018

Brenna Fallon

"Never try and think of a person as just a resource to be moved around."

Brenna Fallon

Learning Over Outcomes

October 24, 2019

Brian Moss

"You need to give people space to do their jobs without the expectation to overachieve."

Brian Moss

What Does it Mean to be a Resilient Research Team?

March 9, 2022

Adel Du Toit

"Our mission is about unlocking the potential of those who advance the world."

Adel Du Toit

Get Your CFO To Say: 'Our Strategic Goal is User Obsession'

June 10, 2022

Kate Koch

"Our vision is to be the leading driver of innovative solutions that power customer experience excellence."

Kate Koch Jean-Claire Fitschen

Flex Your Super Powers: When a Design Ops Team Scales to Power CX

September 29, 2021