Typography

Typography creates visual hierarchy, communicates information, and brings consistency across Spectrum experiences. This overview introduces Adobe Clean Spectrum and its features.

Adobe Clean Spectrum VF headline on a blue gradient background, with a large outlined "Ag" glyph sample.

Typefaces

Adobe Clean Spectrum is the default font family for Spectrum. It’s based on Adobe Clean, Adobe’s corporate typeface. The Adobe Clean font family includes over 10 typefaces for specific use cases, such as longer reading experiences, displaying code, and supporting a wide range of languages and writing systems. View all Spectrum fonts on the Fonts page.

Adobe Clean Spectrum VF is the default typeface for Spectrum on web, iOS, Android, and other supported platforms. It’s a variable font, which means a single font file can support a range of weights and widths.

Typefaces

Adobe Clean Spectrum is the default font family for Spectrum. It’s based on Adobe Clean, Adobe’s corporate typeface. The Adobe Clean font family includes over 10 typefaces for specific use cases, such as longer reading experiences, displaying code, and supporting a wide range of languages and writing systems.

Adobe Clean Spectrum VF is the default typeface for Spectrum on web, iOS, Android, and other supported platforms. It’s a variable font, which means a single font file can support a range of weights and widths.

"Adobe Clean Spectrum VF" headline shown with style tabs (Default, Italic, Condensed, Origin) and a list of available weights from Light to Black.
"Crafted for Clarity" headline above a diagram comparing an upright "A" and an italic "a" with a 12-degree slant angle indicated.
Typeface specs showing "24 styles" with 804 glyphs each, and available formats listed as OTF/TTF.
List of supported scripts: Latin, Cyrillic, CJK, Greek, Thai, Arabic, Hebrew, and Devanagari.

Adobe Clean features

Adobe Clean typeface displaying a diacritics set, showing the Polish pangram "Zażółć gęślą jaźń" with accented characters.
Adobe Clean typeface displaying standard ligatures, showing the "ff" and "ft" letter combinations.
Adobe Clean typeface displaying tabular figures, showing the numerals 0 through 5 in bold weight.

About Adobe Clean Spectrum VF

Adobe Clean Spectrum VF provides two main benefits over the non-variable versions:

  • Improves alignment with UI elements. Adobe Clean Spectrum VF uses updated baseline metrics, which are the measurements that determine how text is positioned. These updated metrics help text align more consistently with other interface elements, such as icons, components, and avatars.
  • Supports future adjustments. Spectrum currently recommends using the default weights and widths. However, the variable font makes it easier to fine-tune typography in future updates. For example, a slightly thinner weight may improve readability in dark mode.

Learn more about Adobe Clean Spectrum VF in the Spectrum 2 typography guide.

About Adobe Clean Spectrum VF

Adobe Clean Spectrum VF provides two main benefits over the non-variable versions:

  • Improves alignment with UI elements. Adobe Clean Spectrum VF uses updated baseline metrics, which are the measurements that determine how text is positioned. These updated metrics help text align more consistently with other interface elements, such as icons, components, and avatars.
  • Supports future adjustments. Spectrum currently recommends using the default weights and widths. However, the variable font makes it easier to fine-tune typography in future updates. For example, a slightly thinner weight may improve readability in dark mode.

Jump to

Icon illustrating "Typography system," showing two "T" letterforms in a blue-to-green gradient above a font-size adjustment icon.

Typography system

Typography system

Icon illustrating "Applying the type system," showing two overlapping "T" letterforms in a blue-to-teal gradient.

Applying the type system

Applying the type system

Icon illustrating "Fonts," showing a stylized italic lowercase "f" in a pink gradient.

Fonts

Fonts