This is for component and layout headings. It pairs with Body Compact 01.

This is for smaller layout headings. It pairs with Body Compact 02.

This is for component and layout headings. It pairs with Body 01.

This is for smaller layout headings. It pairs with Body 02.

This is for component and layout headings.

This is for layout headings.

This is for layout headings.

This is for layout headings.

This is for layout headings.

This is for short paragraphs with no more than four lines and is commonly used in components.

This is for short paragraphs with no more than four lines. Use in expressive components, such as button and link.

With a slightly taller line height than body-compact-01, this body style is used in productive layouts for long paragraphs with more than four lines. Use also for longer body copy in components such as accordion or structured list. It is always left-aligned. Body-long-01 can also be used for productive moments within expressive experiences.

With a slightly taller line height than body-compact-02, this style is commonly used in expressive layouts for long paragraphs with four lines or more. It is always left-aligned.

This is for explanatory helper text that appears below a field title within a component.

This is for explanatory helper text that appears below a field title within a component.

This is for legal copy appearing in product pages.

This is for legal copy appearing in web pages.