Brand Guidelines2012
Contents
SendGrid Brand Guidelines - 2012 2
Introduction
General Guidelines
Proportions
Variations of the SendGrid logo
Protected Area
Minimum Size
Unacceptable Usage
Primary Corporate Colors
Secondary Corporate Colors
Typography
Sub-Brand
3
4
5
6
8
9
10
12
14
16
17
Introduction
SendGrid Brand Guidelines - 2012 3
Welcome to the SendGrid Brand Guidelines. This document will help you understand the correct usage of the SendGrid brand. It describes the basic elements of our brand and usage guidelines.
The SendGrid corporate signature is a valuable asset to the company and must therefore be used in accordance with these guidelines.
Our corporate signature must be consistent across all internal and external, online and offline collateral, applications, worldwide offices, presentations and events.
Use of the SendGrid corporate signature, brand and images is subject to copyright and requires SendGrid’s permission.
Corporate Signature
SendGrid Brand Guidelines - 2012 4
General Guidelines
The corporate signature is the major visual symbol of the SendGrid brand and includes the infinity symbol, the logo type (SendGrid), and a “registered” symbol (®).
infinity symbol logo type
Primary Corporate Signature“registered” symbol ®
The logo type must always be written as SendGrid - with letters “S” and “G” capitalized; with “Send” and “Grid” conjoined.
The infinity symbol is the primary symbol that represents the company and should be used in all of the company’s products and applications.
Use of the corporate signature is carefully controlled. It is unique to SendGrid and must not be recreated or reproduced in any way. The corporate signature must always be reproduced from the original artwork supplied by the company’s Design Team.
Preferred version forlight backgrounds
Preferred version fordark backgrounds
Corporate Signature
SendGrid Brand Guidelines - 2012 5
Proportions
The SendGrid corporate signature is unique to the company. The proportion and arrangement of each of its elements have been precisely determined.
The infinity symbol’s height is twice the height of the logo type.
The distance between the inifinity symbol and the logo type is equal to the dot on top of the letter “i” in the logo type as illustrated.
x
x
x
SendGrid Brand Guidelines - 2012 6
The blue and dark gray version of the corporate logo must be used whenever possible. It must be used on light backgrounds.
The blue and dark gray version
The blue and light gray version of the corporate logo must be used on dark backgrounds.
Corporate SignatureVariations of the SendGrid Logo
The blue and light gray version
SendGrid Brand Guidelines - 2012 7
In instances where only black and white can be displayed or printed, the light gray version of the logo is preferred for dark backgrounds and the dark gray version of the logo for light backgrounds.
The light and dark gray versions
Corporate SignatureVariations of the SendGrid Logo
Corporate Signature
SendGrid Brand Guidelines - 2012 8
Protected Area
To enure that the SendGrid corporate signature is visible, readable and that it appears prominently without interference, it must have a space around it. A minimum exclusion area has been established to leave it clear of other graphics and text. More space around it is preferred when possible.
The protected area is equal to the width of the letter “S” in SendGrid.
This example illustrates the proper use of space around the SendGrid corporate signature.
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.
Example usage of protected area
x = 10px
SendGrid Brand Guidelines - 2012 9
Corporate SignatureProtected Area
Minimum padding size for web
x =3.5mm
Minimum padding size for print
x x
The minimum padding size for print and web are 3.5mm and 10px, respectively.
Corporate Signature
SendGrid Brand Guidelines - 2012 10
Minimum Size
To ensure that the SendGrid corporate signature is readable at all times, it should not be displayed below the minimum size.
The minimum sizes for print media are 40mm and 26mm.
The minimum sizes for web use are 90px and 70px.
In cases where the corporate signature is used in its minimum size and the “registered” symbol (®) is no longer very readable, the “registered” symbol (®) can be made bigger for it to have better visibility.
Minimum size for print
40mm 90px
Minimum size for web
70px26mm
Corporate Signature
SendGrid Brand Guidelines - 2012 11
Unacceptable Usage
These examples show incorrect usage of the SendGrid logo. To ensure that the SendGrid brand remains consistent, please do not alter, add to or attempt to recreate it.
Do not scale or skew the logo disproportionately
Do not use the logo type without the infinity symbol
Do not change the proportions of the logo elements
Do not angle the logo
Do not remove the ® Do not use TM
Corporate Signature
SendGrid Brand Guidelines - 2012 12
Unacceptable Usage
Do not use as a watermarkDo not use the logo to represent SendGrid in a sentence or block of text
These are the brandguidelines.
Do not rearrange the logo elements Do not change the color
Do not use the logo on a complicated background
Corporate Signature
SendGrid Brand Guidelines - 2012 13
Primary Corporate Colors
SendGrid’s primary corporate colors are blue, dark gray and light gray.
The color values on these charts should always be followed.
Blue Dark Gray Light Gray
PANTONE® MATCHING SYSTEM (PMS) EQUIVALENT
PANTONE® 660 C PANTONE® 426 C PANTONE® 663 C
FOUR-COLOR HALFTONE FORMULA (CMYK)
Cyan CyanMagenta MagentaYellow YellowBlack Black
82%47%
00
73.04%65.54%62.31%67.39%
CyanMagentaYellowBlack
000
10%
Corporate Signature
SendGrid Brand Guidelines - 2012 14
Primary Corporate Colors
RGB MATCHING SYSTEM EQUIVALENT
Red RedGreen GreenBlue Blue
40122191
383941
RedGreenBlue
230231232
HTML MATCHING SYSTEM EQUIVALENT
Hex Hex#287ABF #262729 Hex #E6E7E8
Corporate Signature
SendGrid Brand Guidelines - 2012 15
Secondary Corporate Colors
These additional colors can be used in SendGrid’s collateral.
Orange Green
PANTONE® MATCHING SYSTEM (PMS) EQUIVALENT
PANTONE® 1575 C PANTONE® 347 C
FOUR-COLOR HALFTONE FORMULA (CMYK)
Cyan CyanMagenta MagentaYellow YellowBlack Black
062.46%85.75%
0
96.07%10.46%
100%1.3%
Corporate Signature
SendGrid Brand Guidelines - 2012 16
Secondary Corporate Colors
RGB MATCHING SYSTEM EQUIVALENT
Red RedGreen GreenBlue Blue
24412658
015368
HTML MATCHING SYSTEM EQUIVALENT
Hex Hex#F47E3A #009844
Corporate Signature
SendGrid Brand Guidelines - 2012 17
Typography
To ensure consistency of the SendGrid brand, the typeface Helvetica Neue should be used across all communications.
In cases where Helvetica Neue is not available, such as in electronic media, Arial can be used as an alternative. Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890(!?@#$%&:;.)
Helvetica Neue RegularHelvetica Neue ItalicHelvetica Neue BoldHelvetica Neue Bold Italic
Corporate Signature
SendGrid Brand Guidelines - 2012 18
Sub-Brand
To ensure consistency of the SendGrid sub-brand, the typeface Helvetica Neue Regular should be used across all communications.
The size of the sub-brand font should match the height of the lower case letters in the SendGrid Logo. Tracking for the sub-brand name should be set to -40.
Blog
Delivered
API Guide