Logo Guidelines SureCastโ ข V.1
Client: TWC Date: 12/16/2013 Autor: Pablo Cรกnepa
SureCast - Logo Guidelines
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 understand. No drop shadows, no glossy reflections, no flashy graphic effects. 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.
Symbol
Logotype
Logo
The following pages cover the correct usage to ensure the logo always looks its best.
1
SureCast - Logo Guidelines
LOGO CONSTRUCTION The Construction grid is used when it's necessary to verify that the construction of logo elements has been maintained correctly (i.e. creating large handpainted signs or laser cutted sign logos). This grid may cross-checking visually correct, be reproduced this grid.
be used only for that the logo is but the logo must or recreated from
1/6x
x
1/6x
1
2
3
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, determines the slices in logo type terminals (letters“S”,”C”,”s” and “t”) 55º
2
SureCast - Logo Guidelines
LOGO CLEAR SPACE To ensure that our signature versions are clearly visible in all applications, surround them with sufficient 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 protected. When the logotype or full name is used, the clear space should be maintained (determined by ring #2).
2
SureCast - Logo Guidelines
LOGO TYPOGRAPHY
Gotham Medium (Modified)
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/
ABCDEFGHIJKLMNOPQRSTUVWKYZ abcdefghijklmnopkrstuvwkyz 0123456789
SureCast - Logo Guidelines Monochrome Versions 100% BLACK (Logo)
Monochrome Versions 100% BLACK (Background)
Monochrome Versions 75% BLACK (Background)
Monochrome Versions 75% BLACK (Logo)
SureCast - Logo Guidelines
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 maximum size for the logo. In print the minimum size is 0.7�. For digital uses, the minimum 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
85px Minimum On-screen identity size
SureCast - Logo Guidelines
COLORS When using logo on white background, always use any of this variants:
Coated Paper PANTONE COOL GRAY 10 C Uncoated Paper PANTONE COOL GRAY 10 U R 102 G 110 B 117 HEX #666E75
PANTONE Cool Gray, or monochrome (black/grey) versions. (Depending on aplication). Monochrome Gray BLACK 75% R 99 G 99 B 99 HEX #636362
Monochrome Black BLACK 100% R 28 G 28 B 28 HEX #1c1c1b
SureCast - Logo Guidelines
Main BG Colors (Corporate Blues)
Coated Paper PANTONE 7693 CP
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.
Uncoated Paper PANTONE 7693 U R 250 G 61 B 105 HEX #003d69
Coated Paper PANTONE 284 CP Uncoated Paper PANTONE 284 U R 94 G 173 B 224 HEX #5eade0
Coated Paper PANTONE WARM RED C Uncoated Paper PANTONE WARM RED U R 250 G 84 B 54 HEX #F95336
Coated Paper PANTONE 116 C Uncoated Paper PANTONE 115 U R 254 G 203 B0 HEX #FECB00
Coated Paper PANTONE 7479 C Uncoated Paper PANTONE 7479 U R 50 G 209 B 126 HEX #32D17E
Coated Paper PANTONE 382 C Uncoated Paper PANTONE 381 U R 200 G 215 B0 HEX #C7D600
Coated Paper PANTONE COOL GRAY 10 C Uncoated Paper PANTONE COOL GRAY 10 U R 102 G 110 B 117 HEX #666E75
SureCast - Logo Guidelines
BACKGROUND IMAGES Our logo may also be used on an image background with sufficient 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)
SureCast - Logo Guidelines
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)
Original Image
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.
25px gaussian blur
DON’T rearrange logo elements
DON’T change the proportions between symbol and logotype
DON’T rotate the logo
DON’T create a gradient logo
DON’T mix colors in the logo
DON’T use non approved colors
DON’T add a drop shadow to the logo
DON’T add refletions or any other graphic filters to the logo
DON’T outline the logo
DON’T place the gray/black logo on a color background.
The examples shown here illustrate possible misuses of the SureCast logo that should be avoided.
DON’T stretch the logo
DON’T use over a cluttered image
SureCast - Logo Guidelines
APLICATION EXAMPLES
It’s Amazing Out There.
It’s Amazing Out There. 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 sufficient contrast. (This is only an example to show logo aplication)
SureCast - Logo Guidelines
Logo aplication in android tablet app mockup, over corporate blue. Always use white logo on color backgrounds.
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)
(This is only an example to show logo aplication)
Logo aplication over blured image
SureCast - Logo Guidelines
Secondary Placement - Left
Primary Placement - Centre
Secondary Placement - Right
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)
SureCast - Logo Guidelines
TWC + “Powered by” SureCast Logo Lockup
- SureCast symbol is center aligned respect TWC blue square.
Powered by
- 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 background, 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.
Powered by
SureCast - Logo Guidelines
SureCast - Logo Guidelines
SureCast - Logo Guidelines
THANK YOU If you ever have additional questions about our logo and its application in design, don’t hesitate to contact us.