Important Highlight
This is the first part people see after the header and should act as an introduction for the page, to set the tone for what's below, or as a highlight.
Text and the variations:
Poppins
This is heading text with the Poppins font
This is bold text with the Poppins font
This is regular text with the Poppins font
This is light text with the Poppins font
This is italics text with the Poppins font
Nunito
This is heading text with the Nunito font
This is bold text with the Nunito font
This is regular text with the Nunito font
This is light text with the Nunito font
This is italics text with the Nunito font
Colours and their variations:
Primary
Accent
Alt
This is a grid container, and is set to maintain a half / half width until mobile.
This is a flex container, and is set to maintain a half / half width until mobile.
Cards and their variations:
Small amount of text for normal light card styles. The gradient is made using the accent colour and the primary colour near the top of the scale.
Small amount of text for normal dark card styles. The gradient is made using the accent colour and the primary colour near the middle of the scale.
Small amount of text for normal dark card styles. The gradient is made using the accent colour and the primary colour near the bottom of the scale.