Body paragraph at the default Content colours. This text should render at the content text token on the content background.
This paragraph contains a body link, which should follow the link token and not the primary accent.
Row 1 — Content scheme (default)
Faded / muted text — _content_faded
Row 2 — el_class bg-white
Body paragraph at the default Content colours. This text should render at the content text token on the content background.
This paragraph contains a body link, which should follow the link token and not the primary accent.
Faded / muted text — _content_faded
Row 3 — Alternate Content colours
Body paragraph at the Alternate Content colours. This text should render at the alt content text token on the alt background.
This paragraph contains a body link, which should follow the alt link token and not the primary accent.
Faded / muted text — _alt_content_faded
Row 4 — Content scheme, link and blockquote
A paragraph of body copy with an inline link set inside it, to check the link colour against surrounding text.
A blockquote at the default Content colours — check its rule or marker against the border and primary tokens.
Predefined Styles and Control Icons
Here’s a preview of what your website’s text will look like by default. You can also adjust the typography of most elements separately. Note that the Font Size setting affects all the sizes defined in “rem” units, that is, almost all areas of your site.
Here’s a preview of what your website’s text will look like by default. You can also adjust the typography of most elements separately. Note that the Font Size setting affects all the sizes defined in “rem” units, that is, almost all areas of your site.
Here’s a preview of what your website’s text will look like by default. You can also adjust the typography of most elements separately. Note that the Font Size setting affects all the sizes defined in “rem” units, that is, almost all areas of your site.
Here’s a preview of what your website’s text will look like by default. You can also adjust the typography of most elements separately. Note that the Font Size setting affects all the sizes defined in “rem” units, that is, almost all areas of your site.
Here’s a preview of what your website’s text will look like by default. You can also adjust the typography of most elements separately. Note that the Font Size setting affects all the sizes defined in “rem” units, that is, almost all areas of your site.
Here’s a preview of what your website’s text will look like by default. You can also adjust the typography of most elements separately. Note that the Font Size setting affects all the sizes defined in “rem” units, that is, almost all areas of your site.
Here’s a preview of what your website’s text will look like by default. You can also adjust the typography of most elements separately. Note that the Font Size setting affects all the sizes defined in “rem” units, that is, almost all areas of your site.
Here’s a preview of what your website’s text will look like by default. You can also adjust the typography of most elements separately. Note that the Font Size setting affects all the sizes defined in “rem” units, that is, almost all areas of your site.
Here’s a preview of what your website’s text will look like by default. You can also adjust the typography of most elements separately. Note that the Font Size setting affects all the sizes defined in “rem” units, that is, almost all areas of your site.