Accelerate Brand Style Guide
1
Contents 1 | Identity
Logo & Identity
Logo Usage
Logo Spacing
Logo Minimum Sizes
Logo Colors
Page 3
Page 4 Page 5 Page 6
Page 7
2 | Colors
Pages 8 - 10
3 | Typography 4 | Icons
Pages 9 - 10
Page 11
5 | Don’ts
Pages 12
6 | Persona
Pages 13 - 15
7 | Editorial Guide 2
A C C E L E R AT E B R A N D S T Y L E G U I D E
Pages 16 - 24
1
Logo Usage & Identity
Standard Logo with Tagline
As the foundation of the brand, it’s vital to Special-Use Logo without Tagline
represent the Accelerate, powered by NetVU logo accurately and consistently every time its used.
The logo wording and icon are constructed of
Special-Use - Monochromatic (gray)
customized versions of the FF Mark typface.
Gray and Monochromatic versions of the logo are allowed when necessary. The logo Special-Use Monochromatic (black)
Accelerate Icon
without a tagline should only be used in cases where the tagline too small to read.
A C C E L E R AT E B R A N D S T Y L E G U I D E
3
Logo Spacing Spacing is important. To maintain the integrity of our logo, it must sit inside a safe zone that’s free of other text or graphic interference.
Here’s an easy rule of thumb: If the word Accelerate in the logo is ½” high, then a ½” border of clear space should surround it.
4
A C C E L E R AT E B R A N D S T Y L E G U I D E
Minimum Sizes
To be legible, the logo must be at least 2� wide in print media or 300 pixels wide in digital media. Never use a smaller size.
2 inches / 300 pixels wide
A C C E L E R AT E B R A N D S T Y L E G U I D E
5
Logo Colors Our primary color—charcoal gray—is modern and sleek and corresponds beautifully with a vast array of shades. The bright orange “V” highlights Accelerate’s relationship with Vertafore.
6
A C C E L E R AT E B R A N D S T Y L E G U I D E
Communication Colors
Our colors for communications are charcoal gray with accents of black and Vertafore orange. Use gray for all text and most headlines. PANTONE Black
PANTONE 432 C
PANTONE Orange 021 C
RGB 0 0 0
RGB 21 25 26
RGB 237 96 26
HEX/HTML 000000
HEX/HTML 364043
HEX/HTML ED601A
CMYK 100 100 100 100
CMYK 65 43 26 78
CMYK 0 72 100 0
Vertafore orange should only be used for for thin accent lines, hyperlinks, and buttons. When in doubt, use gray.
A C C E L E R AT E B R A N D S T Y L E G U I D E
7
Secondary Colors Use these secondary colors for contrast in text and graphic elements, but they should not be the main colors of any
PANTONE Dark Gray
PANTONE Cool Gray 11
PANTONE Cool Gray 5
RGB 51 52 55
RGB 113 113 116
RGB 190 192 194
HEX/HTML 333437
HEX/HTML 717174
HEX/HTML BEC0C2
CMYK 71 64 60 55
CMYK 0 2 0 68
CMYK 0 1 0 43
design.
8
A C C E L E R AT E B R A N D S T Y L E G U I D E
PANTONE Bright Red C
PANTONE Bright Red C
PANTONE 1665 C
RGB 236 62 36
RGB 236 62 36
RGB 224 68 3
HEX/HTML EC3C0F
HEX/HTML EC3C0F
HEX/HTML e04403
CMYK 1 91 100 0
CMYK 1 91 100 0
CMYK 7 87 100 1
System Default Colors
Microsoft Defaults If you’re using a Microsoft program and are unable to set custom RGB colors within the document, use the following defaults:
Black
Charcoal Gray Bright Orange
A C C E L E R AT E B R A N D S T Y L E G U I D E
9
3
Typography
FF Mark & Verdana
Accelerate’s headline font is FF Mark, preferably medium to bold weight. For every other instance
Lower case:
• There is a round dot over the letter • The round shape of the • The round
a
Upper case:
Verdana. It has both a regular and a pro font
• The tail centered under the
family as well as a large range of weights,
• The
giving it great flexibility. Verdana is widely
• The uppercase
I
• The uppercase
R
as freeware.
A C C E L E R AT E B R A N D S T Y L E G U I D E
J
i
r
of text, or when FF Mark is unavailable, use
available and can be downloaded from Microsoft
10
Distinctive Characteristics of FF Mark
Q
doesn't have a top doesn’t have a top or bottom is wide, with a sharp-angled leg
Typography FF Mark Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 <>,.’”;()$%^&()+
FF Mark Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 <>,.;$%^+
FF Mark Black
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890<>,.;$%^+
A C C E L E R AT E B R A N D S T Y L E G U I D E
11
Typography
Distinctive Characteristics of Verdana
Lower case: • There is a square dot over the letter • The serif that proturdes left on the • The double-story
i
j
a
Upper case: • The tail centered under the
Q
• The serif that protrudes left on the
J
• The serifs on the top and bottom of the
12
A C C E L E R AT E B R A N D S T Y L E G U I D E
I
Typography Verdana Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ! ?<>,.’”;:()!@#$%^&*()_+
Verdana Pro Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ! ?<>,.’”;:()!@#$%^&*()_+
Verdana Pro Condensed Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ! ?<>,.’”;:()!@#$%^&*()_+
A C C E L E R AT E B R A N D S T Y L E G U I D E
13