Brand Guidelines 2012

Transcription

1 Brand Guidelines 2012

2 Contents Introduction 3 General Guidelines 4 Proportions 5 Variations of the SendGrid logo 6 Protected Area 8 Minimum Size 9 Unacceptable Usage 10 Primary Corporate Colors 12 Secondary Corporate Colors 14 Typography 16 Sub-Brand 17 2

3 Introduction 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. 3

4 General Guidelines Primary registered symbol 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 ( ). 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. infinity symbol Preferred version for light backgrounds logo type Preferred version for dark backgrounds 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. 4

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. x 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 5

6 Variations of the SendGrid Logo The blue and dark gray version 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 light gray version The blue and light gray version of the corporate logo must be used on dark backgrounds. 6

7 Variations of the SendGrid Logo The light and dark gray versions 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. 7

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 8

9 Protected Area The minimum padding size for print and web are 3.5mm and 10px, respectively. Minimum padding size for print x x x =3.5mm Minimum padding size for web x = 10px 9

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. Minimum size for print Minimum size for web 40mm 90px 26mm 70px 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. 10

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 use the logo type without the infinity symbol Do not change the proportions of the logo elements Do not scale or skew the logo disproportionately Do not angle the logo Do not remove the Do not use TM 11

12 Unacceptable Usage Do not rearrange the logo elements These are the guidelines. Do not change the color brand Do not use the logo to represent SendGrid in a sentence or block of text Do not use as a watermark Do not use the logo on a complicated background 12

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 82% Cyan 73.04% Cyan 0 Magenta 47% Magenta 65.54% Magenta 0 0 Yellow 0 Yellow 62.31% Yellow Black 0 Black 67.39% Black 10% 13

14 Primary Corporate Colors RGB MATCHING SYSTEM EQUIVALENT Red 40 Red 38 Red 230 Green 122 Green 39 Green 231 Blue 191 Blue 41 Blue 232 Hex #E6E7E8 HTML MATCHING SYSTEM EQUIVALENT Hex #287ABF Hex #

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 0 Cyan 96.07% 10.46% Magenta 62.46% Magenta Yellow 85.75% Yellow 100% Black 0 Black 1.3% 15

16 Secondary Corporate Colors RGB MATCHING SYSTEM EQUIVALENT Red 244 Red Green 126 Green Blue 58 Blue HTML MATCHING SYSTEM EQUIVALENT Hex #F47E3A Hex #

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 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Helvetica Neue Regular Helvetica Neue Italic Helvetica Neue Bold Helvetica Neue Bold Italic 17

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 18