Back to index

This is a sans-serif xxl heading

Static: title-sans title-sans--xxl

Responsive: title-sans title-sans--lg md:title-sans--xl lg:title-sans--xxl

Notes: Recommended bottom margin when stacked mb-8

Largest heading used on homepages

This is a sans-serif xl heading

Static: title-sans title-sans--xl

Responsive: title-sans title-sans--lg lg:title-sans--xl

Notes: Recommended bottom margin when stacked mb-8

This is a sans-serif lg heading

Static: title-sans title-sans--lg

Responsive: title-sans title-sans--md lg:title-sans--lg

Notes: Recommended bottom margin when stacked mb-8

This is a sans-serif md heading

Static: title-sans title-sans--md

Responsive: title-sans text-2xl lg:title-sans--md

Notes: Recommended bottom margin when stacked mb-8

This is a sans-serif sm heading

Static: title-sans title-sans--sm

Notes: Recommended bottom margin when stacked mb-8

When used as a sub heading above a larger heading mb-4

This is a sans-serif xs heading

Static: title-sans title-sans--xs

Notes: Recommended bottom margin when stacked mb-8

This is a serif lg heading

Static: title-serif title-serif--lg

Responsive: title-serif text-3xl lg:title-serif--lg

Notes: Recommended bottom margin when stacked mb-8

This is a serif md heading

Static: title-serif title-serif--md

Notes: Recommended bottom margin when stacked mb-8

This is a serif sm heading

Static: title-serif title-serif--sm

Notes: Recommended bottom margin when stacked mb-8

This is body copy. This is a basic link within body copy. This is body copy.

Static: font-body

Notes: Recommended bottom margin when stacked mb-8

This is small print body copy. This is a basic link within small print body copy. This is body copy.

Static: text-sm

Notes: Recommended bottom margin when stacked mb-8

Always use within a p tag to inherit font-body styling

This is xl bg text

Static: title-serif title-serif--xl

Notes: Used at desktop (xl) as a supporting bg graphic