Color Variations
Logo Protocol
Correct Usage
Incorrect Usage
Center justified
All caps
Changing icon proportions
Please refrain from altering the logo in any case. In instances where the background is not white or transparent, use the approved knockout version above.
Primary Colors
Light Yellow
RGB: 249, 224, 146CMYK: 3, 9, 51, 0
HEX: #9e092
Pantone: 1205 U
Yellow
RGB: 246, 205, 76CMYK: 3, 17, 82, 0
HEX: #f6cd4c
Pantone: 121 U
Midtone Slate
RGB: 120, 144, 156CMYK: 57, 35, 32, 2
HEX: #78909c
Pantone: 5425 U
Dark Slate
RGB: 69, 90, 100CMYK: 75, 55, 47, 24
HEX: #455a64
Pantone: 547 U
Neutral Black
RGB: 67, 67, 67CMYK: 67, 60, 59, 44
HEX: #434343
Pantone: Neutral Black U
Secondary Colors
Pantone - Use if print color accuracy is important
CMYK / HEX - Industry standard for digital printing
RGB - Ideal for digital display
White
RGB: 255, 255, 255CMYK: 0, 0, 0, 0
HEX: #ffffff
Light Blue
RGB: 156, 216, 229CMYK: 36, 0, 9, 0
HEX: #9cd8e5
Pantone: 304 C
Neutral Green
RGB: 46, 150, 114CMYK: 80, 19, 69, 3
HEX: #2e9672
Pantone: 2417 C
Muted Red
RGB: 211, 64, 78CMYK: 12, 90, 67, 2
HEX: #d3404e
Pantone: 710 C
Soft Purple
RGB: 196, 163, 214CMYK: 22, 38, 0, 0
HEX: #c4a3d6
Pantone: 2567 C
Typography
Amatic SC
PRIMARY FONT
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 ! ? & #
Raleway
SECONDARY FONT
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 ! ? & #
Big Shoulders
TERTIARY FONT
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 ! ? & #
Formatting
T |
Doc Title | Font: Amatic SC Style: Bold Alignment: Center |
Size: 26 pt Color: #434343 Capitilization: All Caps |
Sub |
Doc Subtitle | Font: Big Shoulders Style: Regular Alignment: Center |
Size: 20pt Color: #455a64 Capitilization: Sentence Case |
H1 |
Heading 1 | Font: Big Shoulders Style: Bold Alignment: Center |
Size: 20 pt Color: #434343 Capitilization: All Caps |
H2 |
Heading 2 | Font: Raleway Style: Bold Alignment: Center |
Size: 15 pt Color: #434343 Capitilization: Title Case |
H3 |
Heading 3 | Font: Raleway Style: Regular Alignment: Center |
Size: 13 pt Color: #434343 Capitilization: Title Case |
H4 |
Heading 4 | Font: Raleway Style: Bold Alignment: Center |
Size: 11 pt Color: #455a64 Capitilization: Title Case |
H5 |
Heading 5 | Font: Raleway Style: Regular Alignment: Left |
Size: 10 pt Color: #434343 Capitilization: All Caps |
P |
Body Copy | Font: Raleway Style: Regular Alignment: Left |
Size: 11 pt Color: #434343 Capitilization: Sentence case |
P2 |
Secondary Body Copy | Font: Serenity Style: Light Alignment: Left |
Size: 11 pt Color: #434343 Capitilization: Sentence case |
Alt 1 |
Body Subtitle | Font: Raleway Style: Bold Alignment: Left |
Size: 11 pt Color: #434343 Capitilization: Sentence case |
Alt 2 |
Body Sub-Subtitle | Font: Raleway Style: Underline Alignment: Left |
Size: 11 pt Color: #434343 Capitilization: Sentence case |
Alt 3 |
Body Quote | Font: Raleway Style: Bold Italic Alignment: Left |
Size: 11 pt Color: #434343 Capitilization: Sentence case |
B |
Bullets | Font: Raleway Style: Regular Alignment: Left |
Size: 11 pt Color: #434343 Capitilization: Sentence case |
Alt 4 |
Body Hyperlink Hover State (On) & Visited Links |
Font: Raleway Style: Underline Alignment: Left |
Size: 11 pt Color: #f6cd4c Capitilization: Sentence case |
Alt 5 |
Body Hyperlink Hover State (Off) & Unvisited Links |
Font: Raleway Style: Underline Alignment: Left |
Size: 11 pt Color: #78909c Capitilization: Sentence case |
DOCUMENT TITLE
Document Subtitle
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Body copy
Secondary Body Copy
Body subtitle / Table
Body Sub-Subtitle
“Body quote”
Bullets:
- Lorem ipsum
- Lorem ipsum