Start with Spectrum
Spectrum is the system behind Adobe experiences, a shared language for turning ideas into products. It brings structure and connection across our products, creating the space to explore, create, and evolve.
One system, built for every platform
Spectrum remains one connected system, now organized by the language each product team builds with. Dedicated areas for React and Web Components are available in beta, with iOS, Android, and additional platforms coming soon, giving teams the flexibility to work in their specific context while staying connected to Spectrum.
Build with Spectrum
Spectrum goes beyond components. Use the foundations, tokens, patterns, and guidance behind the system to build experiences that are consistent, flexible, and ready to scale. Whether you’re using a Spectrum component or building something custom, Spectrum gives you the building blocks to stay connected to the system.
Explore components in context
Every component page includes an interactive playground that lets you see the live component in action and explore its available props and attributes. The playground is connected to Spectrum’s repositories, bringing real component data directly into the documentation. Adjust properties, test different configurations, and understand how each component behaves, all in one place, with documentation that stays closely connected to the source.