Headings Heading sizes, base styling and helper styling only works when the base heading class is present.
This means that a "heading" is completely independent of its html tag.
The quick brown fox jumped over the lazy dog
Select color primary secondary utility neutral-dark neutral neutral-light danger pure
Select Hover color primary secondary utility neutral-dark neutral neutral-light danger pure
heading-levels level-1 level-2 level-3 level-4 level-5 level-6
font-families font-primary font-secondary
font-weights light default semi-bold bold heavy-bold
heading heading--is-level-1 Paragraph copy Paragraph copy sizing follows the same class concept as heading, with the exception of sizing, since most users will need copy helpers that have independant sizing from their heading helpers.
The quick brown fox jumped over the lazy dog
Select color primary secondary utility neutral-dark neutral neutral-light danger pure
Select Hover color primary secondary utility neutral-dark neutral neutral-light danger pure
font-sizes xxsmall xsmall small medium large xlarge
font-families font-primary font-secondary
font-weights light default semi-bold bold heavy-bold
copy copy--is-large Eyebrows The quick brown fox jumped over the lazy dog
Select color primary secondary utility neutral-dark neutral neutral-light danger pure
Select Hover color primary secondary utility neutral-dark neutral neutral-light danger pure
font-sizes xxsmall xsmall small medium large xlarge
font-families font-primary font-secondary
font-weights light default semi-bold bold heavy-bold
eyebrow eyebrow--is-large Links The quick brown fox jumped over the lazy dog
Select color primary secondary utility neutral-dark neutral neutral-light danger pure
Select Hover color primary secondary utility neutral-dark neutral neutral-light danger pure
font-sizes xxsmall xsmall small medium large xlarge
font-families font-primary font-secondary
font-weights light default semi-bold bold heavy-bold
link link--is-large