Style Guide

This style guide provides a central location to make stylistic changes to your site.
Note: Change the colors through the swatches panel. This will change all locations where the color is used on the website.

Color Palette

GREEN
Green - 50
#ecf8f7
Green - 100
#d9f1ef
Green - 300
#88cbc8
Green - 600
#18888a
Green - 800
#044c52
MELON
Melon - 50
#FFF9F1
Melon - 700
#872210
ROSE
Rose - 50
#F8ECEE
Rose - 700
#6D0732
BLUE
Blue - 50
#EFFBFF
Blue - 700
#112B7F

Typography

H1 / Hero Title
Size: 64px
The quick brown fox jumps over the lazy dog.
H1 / H1 Title
Size: 56px

The quick brown fox jumps over the lazy dog.

H2 / H2 Title
Size: 48px

The quick brown fox jumps over the lazy dog.

H3 / H3 Title
Size: 40px

The quick brown fox jumps over the lazy dog.

H4 / H4 Title
Size: 32px

The quick brown fox jumps over the lazy dog.

H5 / H5 Title
Size: 24px
The quick brown fox jumps over the lazy dog.
H6 / H6 Title
Size: 18px
The quick brown fox jumps over the lazy dog.
Title
Size: 16px
This is a title
Paragraph (Large)
Size: 18px

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 tristique posuere.

Paragraph (Medium)
Size: 16px

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 tristique posuere.

Paragraph (Small)
Size: 18px

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 tristique posuere.