Typography
Heading XXL
Heading XL
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Heading Small
Pre Headline
XXL Body Text
This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalised copy isn’t ready yet. Once we have your content finalised, we’ll replace this placeholder text with your real content.
XL Body Text
This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalised copy isn’t ready yet. Once we have your content finalised, we’ll replace this placeholder text with your real content.
L Body Text
This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalised copy isn’t ready yet. Once we have your content finalised, we’ll replace this placeholder text with your real content.
Default Body Text
This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalised copy isn’t ready yet. Once we have your content finalised, we’ll replace this placeholder text with your real content.
S Body Text
This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalised copy isn’t ready yet. Once we have your content finalised, we’ll replace this placeholder text with your real content.
XS Body Text
This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalised copy isn’t ready yet. Once we have your content finalised, we’ll replace this placeholder text with your real content.
Colors
Primary
Primary
Primary 100
Primary 200
Primary 300
Primary 400
Primary 500
Primary 600
Primary 700
Primary 800
Primary 900
Contrast
Contrast
Contrast 100
Contrast 200
Contrast 300
Contrast 400
Contrast 500
Contrast 600
Contrast 700
Contrast 800
Contrast 900
Surface
Surface
Surface 0
Surface 50
Surface 100
Surface 200
Surface 250
Surface 300
Surface 400
Surface 500
Surface 600
Surface 700
Surface 800
Surface 900
Buttons
Button Sizes
Primary
Light BG
Dark BG
Contrast
Light BG
Dark BG
Border Radius
Extra Small Border Radius
Small Border Radius
Medium Border Radius
Default Border Radius
Large Border Radius
Extra Large Border Radius
Extra Extra Large Border Radius
Circle Border Radius
Pill Border Radius
Shadows
Shadow 100
Shadow 200
Shadow 300
Shadow 400
Shadow 500
Even Grids
Grid 2 – column
Grid 2 – column
Grid 3 – column
Grid 3 – column
Grid 3 – column
Grid 4 – column
Grid 4 – column
Grid 4 – column
Grid 4 – column
Grid 5 – column
Grid 5 – column
Grid 5 – column
Grid 5 – column
Grid 5 – column
Grid 6 – column
Grid 6 – column
Grid 6 – column
Grid 6 – column
Grid 6 – column
Grid 6 – column
Uneven Grids
Grid 1 – column
Grid 4 – column
Grid 1 – column
Grid 3 – column
Grid 1 – column
Grid 2 – column
Grid 2 – column
Grid 1 – column
Grid 3 – column
Grid 1 – column
Grid 4 – column
Grid 1 – column
Grid 1 – column
Grid 2 – column
Grid 1 – column
Grid 1 – column
Grid 3 – column
Grid 1 – column
Grid 3 – column
Grid 1 – column
Grid 1 – column
Grid 2 – column
Grid 1 – column
Grid 1 – column
Grid 3 – column
Grid 1 – column
Grid 1 – column
Grid 1 – column
Container Widths
Extra Small Width Container
Small Width Container
Medium Width Container
Tablet Width Container
Default Width Container
Large Width Container
Extra Large Width Container
Max Width Container
Full Width Container