Surecast logo guidelines (v 1)

Logo GuidelinesSureCast™

V.1

Client: TWCDate: 12/16/2013

Autor: Pablo Cánepa

SureCast - Logo Guidelines

1

Symbol Logotype

Logo

OUR LOGO

Our logo is the most visible element of our identity—a universal signature across all SureCast communications. It’s a guarantee of quality that unites our diverse products and services.

We use the same version in print and on screen. It’s simple. Easy to unders-tand. No drop shadows, no glossy reflections, no flashy graphic e�ects. Our logo is a bold, simple, graphic statement.

The logo is made up of two elements: the symbol and the logotype. While it is a simple logo, we must treat it nicely.

The following pages cover the correct usage to ensure the logo always looks its best.

55º

1 2 3

LOGO CONSTRUCTION

The Construction grid is used when it's necessary to verify that the cons-truction of logo elements has been maintained correctly (i.e. creating large handpainted signs or laser cutted sign logos).

This grid may be used only for cross-checking that the logo is visually correct, but the logo must be reproduced or recreated from this grid.

SYMBOL CONSTRUCTION

Symbol shape is based on 6 circles. “Bullseye” rings (1,2,3) are all same width. Ring #3 determines the space between symbol and logotype.

55º angle in “map pin” shape, deter-mines the slices in logo type termi-nals (letters“S”,”C”,”s” and “t”)


2

x

1/6x

1/6x

LOGO CLEAR SPACE

To ensure that our signature versions are clearly visible in all applications, surround them with su�cient clear space — free of type, graphics, and other elements that might cause visual clutter — to maximize the recognition and impact of our identity.

To ensure the integrity and legibility of the logo lock-ups, the area directly surrounding them should be protec-ted. When the logotype or full name is used, the clear space should be main-tained (determined by ring #2).


2


ABCDEFGHIJKLMNOPQRSTUVWKYZabcdefghijklmnopkrstuvwkyz0123456789

Gotham Medium (Modified)LOGO TYPOGRAPHY

Gotham Medium is designed and distributed by New York type foundry Hoefler & Frere-Jones. It can be purchased directly here:www.typography.com/fonts/gotham/overview/


Monochrome Versions 100% BLACK (Logo)

Monochrome Versions 75% BLACK (Background)

Monochrome Versions 100% BLACK (Background)

Monochrome Versions 75% BLACK (Logo)

Minimum On-screen identity size

85px

Minimum On-screen identity size

85px

SIZE

There are no predetermined sizes for the SureCast logo. Scale and proprtion should be determined by the available space, aesthetics, function and visibility.

There is no preset maxi-mum size for the logo. In print the minimum size is 0.7”.

For digital uses, the mini-mum size for the standard logo is 85 pixels.

85 pixels is the smallest size apart from when using an ICO. There is a specific file for ICO’s which is a 16px tall file.

16px



COLORS

When using logo on white background, always use any of this variants:

PANTONE Cool Gray, or monochrome (black/grey) versions. (Depending on aplication).

Coated PaperPANTONE COOL GRAY 10 CUncoated PaperPANTONE COOL GRAY 10 U

R 102G 110B 117HEX #666E75

BLACK 75%Monochrome Gray

R 99G 99B 99

HEX #636362

BLACK 100%Monochrome Black

R 28G 28B 28

HEX #1c1c1b

Mai

n B

G C

olo

rs (

Co

rpo

rate

Blu

es)


COLOR BACKGROUNDS(prefered)

Our background color may be any flat color, preferably within this SureCast vibrant color palette, or any flat color required in existent TV graphics or GUI.

Contrast is important—use always white logo on color backgrounds.

Coated PaperPANTONE 116 C

Uncoated PaperPANTONE 115 U

R 254G 203B 0HEX #FECB00

Coated PaperPANTONE COOL GRAY 10 CUncoated PaperPANTONE COOL GRAY 10 U

R 102G 110B 117HEX #666E75



R 50G 209B 126HEX #32D17E



R 200G 215B 0HEX #C7D600

Coated PaperPANTONE WARM RED C

Uncoated PaperPANTONE WARM RED U

R 250G 84B 54HEX #F95336

Coated PaperPANTONE 284 CP


R 94G 173B 224HEX #5eade0

Coated PaperPANTONE 7693 CP


R 250G 61B 105HEX #003d69

BACKGROUND IMAGES

Our logo may also be used on an image background with su�cient contrast. Use always the all-white version for contasted backgrounds (prefered)


LIGHT BACKGROUND IMAGES

If the use of a light background image is necesary, use the Cool Gray logo version.Only use in very light uncluttered images. (example: snow, clouds)

When placing the logo onto imagery, please ensure that it is placed within an uncluttered image area to allow for maximum legibillity and visibility.

In these cases, use a saturated gaussian blur on the image (print/web), or fade to blurred before settin logo on-screen (ex. TV aplication, video)

DON’T

To maintain the integrity of the SureCast logo, and to promote the consistency of the brand, it is important to use the logo as described in these guidelines. The examples shown here illustra-te possible misuses of the Sure-Cast logo that should be avoided.

DON’T rearrange logo elements DON’T change the proportions between symbol and logotype

DON’T rotate the logo

DON’T stretch the logo

DON’T create a gradient logo DON’T mix colors in the logo DON’T use non approved colors

DON’T outline the logo

DON’T add a drop shadow to the logo DON’T add refletions or any other graphic filters to the logo

DON’T use over a cluttered imageDON’T place the gray/black logo on a color background.


Original Image 25px gaussian blur

Logo aplication in marketing material (hypothetical examples), Example 1: over uncluttered contrast image.Example 2: on flat color over image (95% opacity)Always use white logo over images with su�cient contrast. (This is only an example to show logo aplication)

It’s AmazingOut There.

It’s Amazing Out There.


APLICATION EXAMPLES

Logo aplication in weather.com (example), over corporate cyan.Always use white logo on color backgrounds.(This is only an example to show logo aplication)

Logo aplication in android tablet app mockup, over corporate blue.Always use white logo on color backgrounds.(This is only an example to show logo aplication)


Logo aplication over blured image

Secondary Placement - Left Secondary Placement - RightPrimary Placement - Centre

Logo aplication examples over white backgrounds.Always use cool gray logo on white color background, or black

logo only when black&white are context predominant colors (ex.1).(This is only an example to show logo aplication)



Powered by

Powered by

TWC + “Powered by” SureCastLogo Lockup

- SureCast symbol is center aligned respect TWC blue square.

- When applyin on color background, use the #1 version. “Powered by SureCast” is setted in white color with 80% opacity.

- When applyin on contrasted image back-ground, use the #2 version. “Powered by SureCast” is setted in white color with 90% opacity

- When applyin on white background, or light image background, use the #3 version. “Powered by SureCast” is setted in Cool Gray color with a 75% opacity.

THANK YOU

If you ever have additional questions about our logo and its application in design, don’t hesitate to contact us.

Surecast logo guidelines (v 1)

Documents

Transcript of Surecast logo guidelines (v 1)