Spectrum is Adobe’s design system

A shared foundation for creating experiences across every product and platform. It brings design and engineering together around a common language, while remaining flexible enough to support the distinct needs of Adobe’s products and the people who use them.

As Adobe evolves, Spectrum evolves with it.

Spectrum 2 is the latest expression of that evolution: more approachable, expressive, and adaptable for the next generation of Adobe experiences. It introduces new foundations across color, typography, layout, icons, states, and components. Along with deeper guidance to help teams move from intent to implementation with confidence.

This evolution began on the web and continues across native mobile and desktop platforms. It is part of a broader move toward one connected system that can adapt across products, platforms, contexts, and audiences.

Spectrum belongs to all of us. It is continuously shaped by our customers, our products, and the people across Adobe who contribute to it every day. Thank you to everyone helping Spectrum grow and helping define what comes next

Diagram showing the transition of visual style across Spectrum’s design language updates. An action button, label Edit, with a pencil icon, becomes more rounded over time, the label text becomes more bold, and the button background turns from white to grey. Example of how a Spectrum action button has changed over design language updates