Web Guidelines
Color
Element Colors
Primary Element
#324035
Primary Dark
#213127
Secondary Element
#903E2B
Secondary Dark
#702312
White
#FFFFFF
Warm Gray
#E9E9E3
Gray
#889892
Text Colors
A
Primary
#324035
A
Secondary
#903E2B
A
Tertiary
#889892
A
Reverse Primary
#E9E9E3
A
Reverse Secondary
#FFFFFF
A
Reverse Tertiary
#889892
Typograpy
EB Garamond
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )
Heading 1 | 70px | EB Garamond Semi Bold
Headline
Heading 2 | 45px | EB Garamond Semi Bold
Headline
Heading 3 | 36px | EB Garamond Medium
Headline
Heading 4 | 28px | EB Garamond Regular
HEADLINE
Heading 5 | 25px | EB Garamond Semi Bold
Headline
Body Copy | 20px | EB Garamond Medium
Lorem ipsum is a placeholder text used in the publishing and graphic design industries to temporarily fill the space where actual content will eventually go. It consists of nonsensical Latin words and phrases that have no coherent meaning
Body Copy | 18px | EB Garamond Medium
Lorem ipsum is a placeholder text used in the publishing and graphic design industries to temporarily fill the space where actual content will eventually go. It consists of nonsensical Latin words and phrases that have no coherent meaning
Body Copy | 16px | EB Garamond Medium
Lorem ipsum is a placeholder text used in the publishing and graphic design industries to temporarily fill the space where actual content will eventually go. It consists of nonsensical Latin words and phrases that have no coherent meaning
Visual Elements
Iconography
Buttons
Imagery Examples
Something Powerful
TELL THE READER MORE...
The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for.