Color Definitions
Primary Colors
RGB 53-113-103
HEX #357167
HSB 170˚ 53% 44%
CMYK 85-61-50-0
RGB 65-104-120
HEX #406777
HSB 197˚ 46% 47%
CMYK 0-80-93-0
RGB 241-89-42
HEX #F1592A
HSB 14˚ 83% 95%
CMYK 0-0-0-85
RGB 77-77-77
HEX #4C4C4C
HSB 0˚ 0% 30%
Primary Shades
CMYK 87-50-68-60
RGB 8-56-50
HEX #083831
HSB 171˚ 86% 22%
CMYK 95-75-46-41
RGB 29-53-76
HEX #14344C
HSB 206˚ 74% 30%
CMYK 15-80-90-50
RGB 124-47-21
HEX #7C2F15
HSB 15˚ 83% 49%
CMYK 75-68-67-100
RGB 0-0-0
HEX #000000
HSB 0˚ 0% 0%
Primary Gradients
WordMark/LogoType
Primary Marks
Secondary Marks
Granthem Creative Bugs
Typeface/Font Definitions
Google Fonts are used for all copy and for all mediums–print, web, and mobile. The font families are Maitree for headers H1 through H5 and Prompt for body copy, pull quotes, and captions. These font families contain 6 and 18 fonts respectively. The entire families can be used if necessary: the basics are listed here. Any of the primary colors can be used depending on the situation. Discretion and consistency is key.
H1 Maitree Light 60pt/60px/3.3rem
H2 Maitree Light 48pt/48px/2.7rem
H3 Maitree Light 36pt/36px/2rem
H4 Maitree Regular 24pt/24px/1.3rem
H5 Maitree Regular 18pt/18px/1rem
Body Copy
Prompt is the typeface family for all body copy. All weights can be used but the most common are shown here for print and web work.
<p>
inline italic
Prompt Light 11pt
Prompt Light Italic 11pt
inline medium
inline medium italic
Prompt Medium 11pt
Prompt Medium Italic 11pt
inline bold
inline bold italic
Prompt Bold 11pt
Prompt Bold Italic 11pt
Web
<p>
inline italic
Prompt Light 18px/1rem
Prompt Light Italic 18px/1rem
inline medium
inline medium italic
Prompt Medium 18px/1rem
Prompt Medium Italic 18px/1rem
inline bold
inline bold italic
Prompt Bold 18px/1rem
Prompt Bold Italic 18px/1rem
Pull Quotes
There are two styles of pull quotes: Large and Small, as demonstrated below. Any of the primary colors can be used depending on the situation. Maintain consistency throughout an article or story.
Large Pull Quote
This is an example of a large pull quote. The character style is H3.
Small Pull Quote
This is an example of a small pull quote. ‘inline bold italic’ is the character style being utilized but the font size is 14pt/14px/.8rem. Keep the copy here to a limited number of characters because too much can get rather cumbersome in the overall layout design.