Background Classes
Please use the following class names to add background colors.
.bg--base
.bg--primary
.bg--neutral-ultra-light
Font sizes
Please use heading tags correctly. The main heading on a page should always be an h1, which should be the only h1 on the page.
Headings should always follow a hierarchy (h1, h2, h3, etc.). People browsing the web with screen readers can use headings to navigate through a document, so the order is important. The first heading in each section should use an h2 tag. Subheadings in each section should use an h3 tag, and so on.
If the design calls for a different font size, do not change the heading element. Instead, please add the class name of the required size instead.
.h1 ~68px
.h2 ~50px
.h3 ~36px
.h4 ~30px
.h5 ~22 px
.h6 ~16px
.text--l ~25px
.text--m ~20 px
.text--s ~16px
Underline Classes
Please use the following class names to add underlines. Please do not build underlines in Bricks Builder.