Layout

section
container
col
col
col
col
col
col
col
col
col
col
col
col-lg-1
col
col-lg-11
col
col-lg-2
col
col-lg-10
col
col-lg-3
col
col-lg-9
col
col-lg-4
col
col-lg-8
col
col-lg-5
col
col-lg-7
col
col-lg-6
col
col-lg-6
col
col-lg-12
col
col-md-1
col
col-md-11
col
col-md-2
col
col-md-10
col
col-md-3
col
col-md-9
col
col-md-4
col
col-md-8
col
col-md-5
col
col-md-7
col
col-md-6
col
col-md-6
col
col-md-12
col
col-sm-1
col
col-sm-11
col
col-sm-2
col
col-sm-10
col
col-sm-3
col
col-sm-9
col
col-sm-4
col
col-sm-8
col
col-sm-5
col
col-sm-7
col
col-sm-6
col
col-sm-6
col
col-sm-12
col
col-xs-1
col
col-xs-11
col
col-xs-2
col
col-xs-10
col
col-xs-3
col
col-xs-9
col
col-xs-4
col
col-xs-8
col
col-xs-5
col
col-xs-7
col
col-xs-6
col
col-xs-6
col
col-xs-12
row
row-align-center
col
col
col
row
row-align-end
col
col
col
row
row-justify-end
col
col
row
row-justify-center
col
col
row
row-justify-around
col
col
row
row-justify-between
col
col
col
col-lg-first
col
col-md-first
col
col-sm-first
col
col-xs-first
col
col-lg-last
col
col-md-last
col
col-sm-last
col
col-xs-last

Shrink Column

col
col-shrink
col

Gutterless Column

row
row-no-gutters
col
col-no-gutters
col
col-no-gutters
col
col-no-gutters
col
col-no-gutters
1col
2 col
3 col
4 col
5 col
6 col
7 col
8 col
9 col
10 col
11 col
12 col

Style Guide

Pro-tips: Paste this content into a dedicated page named “Style guide”. Convert each color style below to global swatches so they can be used in text, borders, backgrounds, and gradients. To do this, select a color style element, navigate to the Background Color section in the Style panel, edit the color, and add it as a global swatch.

Text styles

Lorem ipsum dolor

Bee Four Regular 648px/100%

Lorem ipsum dolor

Bee Four Regular 300px/100%

Lorem ipsum dolor

Bee Four Regular 200px/75%

Lorem ipsum dolor

Bee Four Regular 124.40605163574219px/100%

Lorem ipsum dolor

Bee Four Regular 80px/100%

Lorem ipsum dolor

Bee Four Regular 64px/100%

Lorem ipsum dolor

Acumin Pro Light 48px/100%

Lorem ipsum dolor

Acumin Pro Light 40px/100%

Lorem ipsum dolor

Bee Four Regular 40px/108%

Lorem ipsum dolor

Acumin Pro Regular 32px/100%

Lorem ipsum dolor

Acumin Pro Regular 24px/120%

Lorem ipsum dolor

Acumin Pro Bold 22px/120%

Lorem ipsum dolor

Acumin Pro Regular 20px/108%

Lorem ipsum dolor

Acumin Pro Bold 20px/100%

Lorem ipsum dolor

Courier Prime Bold 20px/100%

Lorem ipsum dolor

Acumin Pro Regular 18px/160%

Lorem ipsum dolor

Acumin Pro Regular 18px/140%

Lorem ipsum dolor

Courier Prime Bold 15.999200820922852px/100%

Lorem ipsum dolor

Acumin Pro Regular 16px/140%

Lorem ipsum dolor

Courier Prime Bold 16px/140%

Color styles

2023/Light Sand - #EBE6E0

2023/Sand - #BCB096

2023/Moss Green - #3A403A

2023/Copper - #BF6F36

2023/Charcoal - #2F2F2F / Image Background

2023/Slate - #8D9890

2023/Mustard - #B59445

2023/Wood - #6B5F42

Brand/Red - #F23333