Typography
Chroma includes typography styles that automatically change with each brand to ensure apps can be built in a white-label way.
Alert information
Disclaimer: The Chroma design system and team do not assume responsibility for the procurement, storage, or ongoing management of font licensing for any brand. All brand teams are responsible for ensuring that appropriate font licenses are obtained, maintained, and compliant with applicable agreements.
Brand fonts
Primary/Heading font
Secondary/Body font
| Example | Color | Typeface | Size (rem) / (px) | Line Height | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
| LG | MD | SM | XS | LG | MD | SM | XS | |||
HeadlineUsed for hero banners and homepages | NaN / NaN | NaN / NaN | NaN / NaN | NaN / NaN | ||||||
Headline compactUsed for compact text hero banners and homepages | NaN / NaN | NaN / NaN | NaN / NaN | NaN / NaN | ||||||
SubheadingUsed for intro text or subtext following headings | NaN / NaN | NaN / NaN | NaN / NaN | NaN / NaN | ||||||
Body Used for standard paragraph text. | NaN / NaN | |||||||||
Used for hyperlinks within body text. | N/A | N/A | N/A | |||||||