>

Typography

If you edit styles here, they will change across the site

H1

Lorem ipsum dolor sit amet hiofehf of oh wf

H2
Lorem ipsum dolor sit ameto owfhoi wehfo i
H2 Text Block

Lorem ipsum dolor sit ameto owfhoi wehfo i fwjif

H3
Lorem ipsum dolor sit ameto owfhoi wehfo i hwf hwei of
H3 TEXT BLOCK

Lorem ipsum dolor sit ameto owfhoi wehfo i

H4
Lorem ipsum dolor sit ameto olor owfhoi wehfo i
H4 TEXT BLOCK
This is some text inside of a div block.
SMALL

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.

Paragraph

Lorem ipsum dolor sit amet

Paragraph BOLD
Lorem ipsum dolor sit amet
pfjow fepjwpfwejpfo wpefj
Block Quote
Lorem ipsum
Text Link
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet feugiat odio.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet feugiat odio.
BUllets
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet feugiat odio.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet feugiat odio.
Tick List
Lorem ipsum dolor sit ameto owfhoi wehfo i
Black Text
Lorem ipsum dolor sit ameto owfhoi wehfo i
GREEN Text

head 1 head 2 head 3 head 4
row1 col 1hfw owfow fhwf oefwhfi w row1 col 2 row1 col 3 row1 col 4
row2 col 1 row2 col 2 row2 col 3 row2 col 4
row3 col 1 row3 col 2 row3 col 3 row3 col 4
row4 col 1 row4 col 2 row4 col 3 row4 col 4
row5 col 1 row5 col 2 row5 col 3 row5 col 4

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

  • list itemefeefef efergferg
    gergergergerg
  • list item

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing.
Rich Text

Links & BUTTONS

FOOTER
SOCIAL
Category
TAGS
Social Sharing (DON'T DELETE)
Video link

Color

Colors

Purple Dark
#810057
Purple
#AB2F80
Purple LIGHT
#D959AC
Purple LIGHTER
#FF93D9
BLUE Dark
#030C19
BLUE
#002247
BLUE LIGHT
#1D4986
BLUE LIGHTER
#78B0FF

Monochrome

ALTO
#CFCFCF
White
#ffffff
MERCURY
#E4E4E4
SMOKE
#F4F4F4

Alternate

Green
#6DD860
Violet
#DA87FF
Turq
#63CEFB

Logo

These are logo SVGs that can be downloaded straight from the site.

MAIN LOGO WHITE
DOWNLOAD
MAIN LOGO DARK
DOWNLOAD

Spacers

10 px / 0.69em
30 px / 2.08em
70px / 4.86em
100px / 6.94em
140px / 9.72em
180px / 12.5em

Components

These are a few example components.

Uploading...
fileuploaded.jpg
Upload failed. Max size for files is 10 MB.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form
Field Wrap - Right Padding until Mobi then Bottom padding
Field Wrap - Right Padding until Tablet then Bottom padding
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form
Category dropdown (ONly visible mobi)

CoNTAINERS

STANDARD - BLOCK 1270 (1170 inside) with 50 px pad / 30 px pad and stacked on mobile
STANDARD - BLOCK 1270 (1170 inside) FLEX LEFT
STANDARD - BLOCK 1270 (1170 inside) FLEX Center
STANDARD - BLOCK 1270 (1170 inside) FLEX RIGHT
STANDARD - BLOCK 1270 (1170 inside) Space Between
STANDARD - BLOCK 1270 (1170 inside) Space Between VERICAL ON TABLET
STANDARD - BLOCK 1270 (1170 inside) Space Between VERICAL ON MOBI
50% Block
50% Block
Full Width BLOCK, Vert MObi with 50% Divs Inside
50% Block
50% Block
Full Width BLOCK, Vert from mobi Landscape with 50% Divs Inside
50% Block
50% Block
Full Width BLOCK, Vert from Tablet with 50% Divs Inside

DIVS

STANDARD - BLOCK 1270 FLEX LEFT
STANDARD - BLOCK 1270 FLEX LEFT Horizontal on mobi
STANDARD - BLOCK 1270 FLEX Center
STANDARD - BLOCK 1270 FLEX Center Vertical on Tablet
STANDARD - BLOCK 1270 FLEX RIGHT
STANDARD - BLOCK 1270 Space Between
STANDARD - BLOCK 1270 Space Between VERICAL ON TABLET
STANDARD - BLOCK 1270 Space Between VERICAL ON MOBI
Align centeR & justify center
justify center

Special

100% Width
100% Width TABLET DOWN
100% Width MOBI Landscape DOWN
100% Width MObi
100% Width DIVS Within Flex (Use with vertical stacking)
Relative
First on Tablet
First on mobi Landscape
First on mobi
Switch Position

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.

Center Content

Columns

10 Column - 970 px
9 Column - 870 px
8 Column - 770 px
6 Column - 570 px
4 Column - 370 px
3 Column - 270 px
2 Column - 170 px

Padding

2em Right - all screens
2em Right - Desktop and above
2em Right - Tablet and above
2em Right - Only Tablet
RIGHT PADDING
2em BOTH - all screens
2em Both - Desktop and above
2em Both - Mobi TABLET and above
3em Both - All Screens
Right and Left PADDING

HIDING

HIDE On Tablet and Below
HIDE On MOBI LANDSCAPE and Below
HIDE On MOBI
Hiding Divs
Show On Tablet and Below
Show On MOBI LANDSCAPE and Below
Show On MOBI
Showing Divs (Preview on smaller breakpoints)