Style Guide
Temporary Page
This page will be removed before the website is published to the world.
What's In Here
How To Use This Guide
This page is a demonstration of how the site's Global Styles function. Global Styles are the overriding styles that dictate how the website looks.
As we progress throughout the site design and development process, this page will automatically update to match the design standards that we build into the site.
Colors
Primary
HEX: #
RGB:
CMYK:
Secondary
HEX: #
RGB:
CMYK:
Supplementary
HEX: #
RGB:
CMYK:
Supplementary
HEX: #
RGB:
CMYK:
Supplementary
HEX: #
RGB:
CMYK:
Supplementary
HEX: #
RGB:
CMYK:
Primary
HEX: #
RGB:
CMYK:
Secondary
HEX: #
RGB:
CMYK:
Secondary
HEX: #
RGB:
CMYK:
Typography
Header Font - (Barlow)
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
. , ! ? @ # $ % & * ( ) [ ] { } ' " : ; - _ + = / \ | < > ~ ^
Body Font - (Lato)
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
Heading 2
Heading 3
Heading 4
Heading 5
Body / Paragraph
- Numbered List
- Numbered List
- Numbered List
- Bulleted List
- Bulleted List
- Bulleted List
- Bulleted List
Block Quote
Buttons & Elements
Sometimes you need to share important information
Sales, promotions, closures, etc. - sometimes we need a quick and dynamic banner. However, it's important that we don't just turn this on and forget about it. Ask us about the "Conditions" function!