Theming
A theme is an intentional, systematic customization of Spectrum. It has unique visual attributes.
Table of contents#
Overview#
Theming allows for Spectrum to adapt to business-critical strategies by intentionally and systematically customizing specific visual attributes. Themes can help products to align with different audiences and user needs, provoke certain emotional responses, or meet specific branding requirements.
Theming and color themes#
A theme can encompass changes to any visual aspect of the Spectrum design language, such as colors, rounding, shadow, and typography. Component options and general dimensions stay the same across themes.
A color theme is a subset of a theme that only affects colors. View
Available themes#
Spectrum (default)#
This is the foundational theme of Spectrum. It has a minimalist design, with thin borders and blue accents. It's designed for professional applications with enough flexibility to apply to broader needs, such as for marketing and documentation websites. This is the theme for the majority of Adobe experiences.
Spectrum for Adobe Express#
This is a theme of Spectrum designed specifically for the Adobe Express product suite. Some recognizable attributes are a friendlier visual tone, bolder typography, more rounding, and indigo accents. This theme is designed to accommodate the needs of a mainstream, creative consumer audience. Currently, only products in the Adobe Express suite use this theme.
Resources for Spectrum for Adobe Express#
UI kits#
Spectrum for Adobe Express UI kits are available for download on each component page, when available. These UI kits are available as XD files and contain resources for both scales (desktop and mobile) and all color themes.
Available implementations#
Currently, the Spectrum for Adobe Express theme is only available in the following implementations: