Helpshift Brand Guidelines
Brand Guidelines & Style Guide
1
Helpshift Brand Guidelines
This is a guide to the basic elements that make up Helpshift.
02 06 09 11 14
Logo Typeface Colors Styling MORE Summit
Helpshift Brand Guidelines Logo
2
smallest size = 0.5� wide.
C 82 M 67 Y 53 K 50 R 40 G 54 B 65 # 283540
Helpshift Brand Guidelines Logo
3
When used on a dark background, the Helpshift logo should be white.
Helpshift Brand Guidelines Logo
4
2x
2x
2x
x
2x
To protect the integrity of the Helpshift logo, clearspace is used to prevent obstruction and ensure logo legibility.
Helpshift Brand Guidelines Logo
5
The Helpshift logo should never be altered, stretched, or rotated. Yes
No
Helpshift Brand Guidelines Typeface
6
The Helpshift logo is composed of Brandon Grotesque.
Brandon Grotesque Light
Brandon Grotesque Medium Italic
Helpshift Brand Guidelines Typeface
7
Gotham Narrow is the primary coprorate typeface, and is used for headlines.
Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()
Book
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()
Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()
Helpshift Brand Guidelines Typeface
8
Source Sans Pro is the secondary corporate typeface, and is used for body copy.
Regular
Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*() ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()
Helpshift Brand Guidelines Colors
9
Helpshift’s primary color palette is monochromatic...
C 91 M 63 Y 19 K 3 R 33 G 97 B 148 # 226093
C 77 M 32 Y 0 K 0 R 35 G 143 B 207 # 1E8FCE
C 66 M 2 Y 4 K 0 R 44 G 190 B 231 # 2DBDE6
C1 M0 Y0 K0 R 251 G 253 B 255 # F9FCFE
Helpshift Brand Guidelines Colors
10
... but its secondary palette is colorful.
C 23 M 95 Y 100 K 17 R 168 G 44 B 35 # 2A82D23
C 3 M 74 Y 73 K 0 R 234 G 103 B 77 # EA674C
C 0 M 55 Y 49 K 0 R 245 G 141 B 119 # F58D77
C 25 M 28 Y 100 K 0 R 200 G 172 B 47 # C5AA2E
C 2 M 11 Y 100 K 0 R 253 G 217 B 0 # FDD900
C 70 M 12 Y 38 K 0 R 69 G 171 B 167 # 45AAA6
C 64 M 5 Y 33 K 0 R 83 G 185 B 181 # 52B8B4
C 55 M 2 Y 28 K 0 R 110 G 196 B 192 # 6DC2BE
C 50 M 32 Y 21 K 0 R 135 G 156 B 177 # 869BB1
C 27 M 14 Y 8 K 0 R 184 G 200 B 216 # B7C7D8
C 1 M 7 Y 52 K 0 R 254 G 230 B 145 # FEE590
Helpshift Brand Guidelines Styles
11
Backgrounds and accents. Dark colors work best for colored backgrounds.
C 91 M 63 Y 19 K 3 R 33 G 97 B 148 # 226093
C 82 M 67 Y 53 K 50 R 40 G 54 B 65 # 283540
When adding graphic accents, use this color. It will provide a subtle contrast that still blends well with the dark blue hues in the background.
C 55 M 2 Y 28 K 0 R 110 G 196 B 192 # 6DC2BE
Helpshift Brand Guidelines Colors
12
Backgrounds and typography.
C 91 M 63 Y 19 K 3 R 33 G 97 B 148 # 226093
C 82 M 67 Y 53 K 50 R 40 G 54 B 65 # 283540
When using a dark colored background, use either of these colors to provide a stark contrast for headlines and body copy.
C 66 M 2 Y 4 K 0 R 44 G 190 B 231 # 2DBDE6
C 2 M 11 Y 100 K 0 R 253 G 217 B 0 # FDD900
C1 M0 Y0 K0 R 251 G 253 B 255 # F9FCFE
Helpshift Brand Guidelines Type Styles
13
Type styles. Gotham Narrow Light, 48px
Headline 1 (h1)
Gotham Narrow Light, 36px
Headline 2 (h2)
Gotham Narrow Book, 24px
Headline 3 (h3)
Gotham Narrow Medium, 21px
Headline 4 (h4)
Gotham Narrow Medium, 18px
Headline 5 (h5)
Gotham Narrow Medium, 16px
Headline 6 (h6)
Source Sans Pro Regular, 16px
Body Copy
Helpshift Brand Guidelines MORE Summit
14
Helpshift Brand Guidelines MORE Summit
15
The MORE Summit logo is composed of Gotham, Gotham Narrow, and Shifticons.
Shifticons Regular Gotham Bold Gotham Narrow Medium
Helpshift Brand Guidelines MORE Summit
16
MORE Summit colors.
C 81 M 26 Y 31 K 1 R 20 G 146 B 165 # 1693A5
C 7 M 0 Y 66 K 0 R 242 G 238 B 121 # F7F972
C 89 M 45 Y 38 K 11 R 12 G 110 B 130 # 0A6E82
C 38 M 5 Y 3 K 0 R 152 G 207 B 233 # 96CFEA
Helpshift Brand Guidelines MORE Summit
17
MORE Summit typography.
Gotham Narrow Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()
To be used for headlines on large-format signage (e.g., welcome sign).
Gotham Narrow Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()
To be used for headlines on printouts (e.g., Summit agenda).
Gotham Narrow Book
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()
To be used for sub-headlines on printouts.
Source Sans Pro Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()
To be used for body copy.
78 1st Street San Francisco, CA 94107 (415) 400-4315 helpshift.com