Color Styles

Light-Grey

Grey

Dark-Grey

Primary-01

Primary-02

Success

Secondary-01

Warning

Black

Black

Available combo classes

.bg-color-?

Text styles

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Body

Small Body

This is some text inside of a div block.
Text Link

Available combo classes

.text-color-?

.btm-margin-?

Container styles

This is the standard container class

This container has a max-width of 1200px. For smaller break-point devices is spans the full width.

This is a container combo-class

This container shrinks for tablet to 80% width. And then grows again to 100% for the mobile break-points

Components

div-card: this is a regular card with 24px padding all around

div-card: this is a regular card with 24px padding all around

Button TextButton TextButton TextButton Text
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Helper Classes

.btm-margin-?px

.margin-right-?px

shadow

hover-move-up