Spectrum,
Adobe’s design system

Spectrum provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive.

Principles#

Get to know our foundational thinking and how we put it into action across our design system.

Learn about our principles

Resources#

Download resources to help you design faster and with more precision.

Download Adobe XD plugin
Download UI kits
Download fonts
Download icons

Implementations#

Use our open-source implementations, in partnership with the detailed usage guidelines here.

Explore Spectrum CSS
Explore React Spectrum
Explore Spectrum Web Components