Styleguide

Every "Columns" element, must contain the class: Columns

The Columns class can be combined with:
— Center Aligned (inner columns will be aligned on the center)
— Bottom Aligned (inner columns will be aligned on the bottom)
— Stretched (inner columns will have the same height, regardless of the content inside)

Colors

Text Class: Eerie Black

Color HEX: #1D1D1F

Background Class: Eerie Black Bg

Text Class: Davy's Grey

Color HEX: #555555

Background Class: Davy's Grey Bg

Text Class: Platinum

Color HEX: #E2E2E0

Background Class: Platinum Bg

Text Class: White

Color HEX: #FFFFFF

Background Class: White Bg

Typography

Display H1

Large H1

Heading H1

Heading H2

Heading H3

Heading H4

Body 14

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus.

Body 14 — SemiBold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus.

Font Weight Classes:
‍
SemiBold
Bold

Arrows

Slider Arrows - To edit the color or size of the Arrows. Edit the "HTML Embed" element with the class name "Slider Arrow"

Buttons

Button Large

Button

Button Small