COLORS

primary
white
default
reduced-white
dark-blue
darker-blue
platinum
gold
silver

Heading sizes

All heading sizes are already styled, but you can override these styles by giving them a specific style name.

Heading

Heading

Heading

Heading

Heading
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor. Vestibulum blandit pretium sapien et consectetur. In arcu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor. Vestibulum blandit pretium sapien et consectetur. In arcu

Text alignment

text-left
default
This is some text inside of a div block.
text-center
This is some text inside of a div block.
text-right
This is some text inside of a div block.

Text weight

text-regular
default
This is some text inside of a div block.
text-medium
default
This is some text inside of a div block.
text-bold
default
This is some text inside of a div block.

Text options

text-caps
default
This is some text inside of a div block.
text-underline
default
This is some text inside of a div block.
text-no-underline
default
This is some text inside of a div block.

Spacing

Text color

text-white
default
This is some text inside of a div block.
text-black
This is some text inside of a div block.
text-primary
This is some text inside of a div block.
text-action
This is some text inside of a div block.

Button

button-primary
STYLE GUIDE
REGISTER
arrow-link-left
All posts
arrow-link-right
All posts

OTHER GLOBAL CLASSES

hide
hides the element
golden-frame
turns a div to golden frame
brown-line
its a class for brown line which can be used like above