Brand Guidelines
Logo & Brand Information
Our mission makes us different
GreenPath set a bold goal to build a new financial culture and system to work for everyone. We call it “remixing the American dream.” And we intend to accomplish it by 2027. Our guiding principle is to put people at the center of everything we do.
Logo & Icon Downloads
Print Palette
Primary
C 52 • M 2 • Y 100 • K 0 Pantone 360 |
|
75% | |
50% | |
25% |
C 4 • M 69 • Y 100 • K 0 Pantone Orange 021 C |
|
75% | |
50% | |
25% |
C 0 • M 0 • Y 0 • K 8 Pantone 427 |
|
75% | |
50% | |
25% |
Secondary
C 72 • M 93 • Y 33 • K 23 Pantone 525 |
|
75% | |
50% | |
25% |
C 9 • M 32 • Y 97 • K 0 Pantone 130 |
|
75% | |
50% | |
25% |
C 87 • M 50 • Y 53 • K 29 Pantone 2180 |
|
75% | |
50% | |
25% |
Tertiary
C 58 • M 2 • Y 43 • K 0 Pantone 346 |
|
75% | |
50% | |
25% |
C 15 • M 64 • Y 100 • K 3 Pantone 158 |
|
75% | |
50% | |
25% |
C 16 • M 76 • Y 71 • K 3 Pantone 2032 |
|
75% | |
50% | |
25% |
C 21 • M 93 • Y 34 • K 1 Pantone 7635 |
|
75% | |
50% | |
25% |
Web Palette
The primary web palette may be used extensively both for headlines, body copy, large areas of color and as accent colors.
The secondary web palette complements the primary palette, providing additional range to the brand experience. They work well as accent colors for borders or rules, and as backgrounds behind typography or graphics, but should never replace the primary palette as the main color(s) of a design.
Based on Web Content Accessibility Guidelines (WCAG 2.0), the criteria for level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for larger text, greater than 24px or 19px and bold. The web accessible combination chart provides approved brand color combinations that meet WCAG 2.0 level AA standards. This quick-reference chart shows which colors provide enough contrast to be used as text against a light background, and which colors don’t have enough contrast to be readable as text but could be used as a background.
Primary
R 135 • G 189 • B 72 #87BD48 |
R 16 • G 36 • B 70 #102446 |
R 101 • G 101 • B 101 #656565 |
R 35 • G 31 • B 32 #231F20 |
Web Accessible Combination
Aa | #231F20 |
Aa | Aa | #FFFFFF |
Aa | Aa | #FFFFFF |
Aa | Aa | #FFFFFF |
Secondary
R 235 • G 113 • B 37 #EB7125 |
R 236 • G 236 • B 236 #ECECEC |
R 51 • G 51 • B 51 #333333 |
R 87 • G 44 • B 95 #572C5F |
R 66 • G 33 • B 69 #422145 |
R 106 • G 193 • B 166 #6AC1A6 |
R 30 • G 87 • B 92 #1E575C |
R 232 • G 175 • B 40 #E8AF28 |
Web Accessible Combination
Aa | #000000 |
Aa | #231F20 |
Aa | Aa | #FFFFFF |
Aa | Aa | #FFFFFF |
Aa | Aa | #FFFFFF |
Aa | #231F20 |
Aa | Aa | #FFFFFF |
Aa | #231F20 |
Logo Usage | Restrictions
MINIMUM CLEAR SPACE
Spacing around the full logo should be at least the height of the smaller text in the logo. Elements such as text, rules, borders, illustrations, photographs (when not used as a background) and trim edges should not extend into this spacing.
RESTRICTIONS
Do not flip or change the colors of the logo/icon.
MINIMUM SIZE
Minimum width of the logo should never be scaled smaller than 1.25”.
Minimum width of the logo should never be scaled smaller than 1.25”.
Do not stretch or condense.
Typefaces for Marketing Materials
The official typefaces are the Gotham and Arial families.
Gotham is only for use in specific marketing materials and specialty items created by or with permission from marketing.
GOTHAM should be used for body copy.
Additional styles maybe used for headlines and specialty treatments.
UNIVERS LT STD may be used for headlines and specialty treatments (ex: impact statistics).
Arial should be utilized in all other materials including electronic and printed communications (email messages and signatures, Word documents, Powerpoint presentations, etc.).
ARIAL should be used for body copy.
Additional styles maybe used for headlines and specialty treatments.
Typefaces for Website
The official typefaces are the Lato and Roboto families.
Lato and Roboto are web-ready fonts provided by Google, and are similar in look and feel to the corporate fonts used in marketing materials. They provide consistency to the brand, and adhere to legibility, readability and accessiblity guidelines for web and screen optimised fonts.
LATO should be used for body copy.
Regular 400, Regular 400 Italic
Additional styles maybe used for headlines and specialty treatments.
Bold 700, Bold 700 Italic, Black 900, Black 900 Italic
ROBOTO CONDENSED may be used for headlines and specialty treatments.
Light 300, Light 300 Italic, Regular 400, Regular 400 Italic, Bold 700, Bold 700 Italic