Skip to main content

Text Colours

Typography​

Typography colours define specific use cases:

  • Heading: Use for heading text.

  • Headline: Use when applying the headline typography class to hero text.

  • Body: Use for body text.

  • Subheading: Use when applying the subheading typography class to supporting text.

Heading

Headline

Body

Subheading

CSS Usage​

color: var(--typography-body-color);

ClassName Usage​

Tailwind CSS is required for using Tailwind classnames. Refer to the Start Developing to install Tailwind.

<p className="text-body"></p>

Typography Colours​

Name

Tokens

Tailwind CSS