Columns

2 columns / XL gap
3 columns / L gap
4 columns / M gap
5 columns / M gap
6 columns / M gap
3-2 columns / L gap
2-3 columns / L gap
2-1 columns / L gap
1-2 columns / L gap
3-1 columns / L gap
1-3 columns / L gap

Padding

XL padding
L padding
M padding
S padding
XS padding

Margins

XL margin
L margin
M margin
S margin
XS margin

Text

TEXT SMALL
TEXT MEDIUM
TEXT LARGE
TEXT EXTRA LARGE
TEXT LIGHT
TEXT DARK
TEXT ACCENT
TEXT tagline
TEXT TAGLINE ALT

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6

heading 1 light

heading 2 dark

heading 3 accent

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Background colour

BG Light
BG Light
BG Dark / rounded
BG Dark Alt
BG Accent
BG Gradient

Cards

card light
card dark
card accent
card transparent
card on hover
card has hover