BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ......

22
BRAND GUIDELINES

Transcript of BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ......

Page 1: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

BRAND GUIDELINES

Page 2: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

2Sunbeam Family Services | Brand & Identity Stan-dards

BRANDING .......................................................3

LOGO .........................................................4

Logo ................................................................... 5

Area of Isolation .............................................. 7

Scaling ............................................................... 8

Do Not ................................................................ 9

Usage ................................................................. 10

BRAND COLORS ..............................................12

Primary Colors ................................................. 13

Color Usage ...................................................... 16

TYPOGRAPHY ..................................................17

Primary Typeface............................................. 18

Secondary Typeface ....................................... 20

Type Heirarchy ................................................. 21

TABLE OF CONTENTS

Page 3: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

BRANDINGIn order to help Sunbeam create the best environment for its

clients, all Sunbeam branding should be first and foremost

inviting, clear and concise.

3

Page 4: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

LOGO

The logo is the art that identifies the

brand and its mission.

4

Page 5: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

Sunbeam Family Services | Brand Guidelines 5

LOGO FAMILYThe logo was created to offer an inviting and legible view into the

Sunbeam Family Services brand. Whenever using these logos or

the colors associated with them, it is the number one priority to

ALWAYS keep the Sunbeam Family Services brand in mind. All

standards provided in this guide are to be followed when using any

logo that utilizes the Sunbeam Family Services logo.

Page 6: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

Sunbeam Family Services | Brand Guidelines 6

LOGO ALTERNATE

When choosing which version of the logo to display, always

go with the primary logo if possible. For instances when the

primary logo is not a good fit, use alternative logo options.

Always use a logo where the contract and viability enhance

the brand. To elevate Sunbeam Family Services brand these

are the suggested logos:

Primary Logo

Alternate Logos

Page 7: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

Sunbeam Family Services | Brand Guidelines 7

AREA OF ISOLATION

When displaying the Sunbeam Family Services logo

always place at the distance of the width of the mark

sun circle from the next object. This space lets the logo

breathe and creates prominent whitespace.

Page 8: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

Sunbeam Family Services | Brand Guidelines 8

Always scale the Sunbeam Family Services logo to maintain consistency and readability.

SCALING

FULL LOGO, HORIZONTALMinimum Width: 1.5 inch

SUNBEAM ONLY LOGO, HORIZONTALMinimum Width: 1 inch

For use when logo goes under 1.5 inch

1.5 inch

1 inch

FULL LOGO, HORIZONTAL Optimal Width: 2.5 inches

2.5 inches

Page 9: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

Sunbeam Family Services | Brand Guidelines 9

1. Do not alter or reposition the words.

2. Do not alter the logo mark.

3. Do not alter the typography.

LOGO DO NOT

4. Do not improperly scale or distort the logo.

5. Do not place the logo on busy backgrounds or patterns.

6. Do not recolor the logo or rearrange the colors of the logo.

1 4

2 5

3 6SUN

Page 10: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

Sunbeam Family Services | Brand Guidelines 10

When sending this guide to a third party, like a partner, the guide should be accompanied by the logo in a range of formats, including EPS, JPG, and PNG. Logos can be found at sunbeamfamilyservices.org/logos.

PRINT LOGO FORMATS EPS (preferred for large signs and banners)

EPS (Encapsulated PostScript) is a vector format designed for printing to PostScript printers and image-setters. It is considered the best choice for printing illustrations in high resolution. EPS files are created and edited in illustration programs, such as Adobe Illustrator. JPG (preferred for images)

JPG (pronounced jay-peg) is a file format best used for photo images that must have very small file sizes – for example, those used in websites or email. However, it also has applications in print media.

WEB LOGO FORMAT

PNG (preferred for images that require transparent

backgrounds)

PNG (Portable Network Graphics) is a file format created as a more powerful alternative to the GIF. PNGs are not restricted to 256 colors, as GIF files are, and have better compression. A PNG file can be saved with a transparent background, which allows you to place your image atop another image without an outlining white box.

LOGO USAGE

PANTONE (PMS) For use in print applications where special inks are used (e.g., logo printing on specialty items).

CMYKFor use in most four-color print applications (e.g., advertisements in color print publications).

RGB For use in digital applications (e.g., Word documents or digital presentations).

BLACK AND WHITE For use when color cannot be applied (e.g., newspaper inside pages, fax documents).

HEX For use on websites and in e-marketing.

Page 11: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

BRAND COLORSINVITING and LEGIBLE. Sunbeam Family Services should always

display colors that are inviting.

CREATE

11

Page 12: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

Sunbeam Family Services | Brand Guidelines 12

To expand on the Sunbeam Family Services brand, the color palette has been expanded and brighten to create an inviting and welcoming feel.

PRIMARY COLORS

SUNBEAM YELLOW

ENERGY GREEN

LIGHTBEAM YELLOW

WATERLOO BLUE

SLATE GRAY

SUNSET ORANGE

AZURE

WHITE

RUBY RED

SERVICE BLUE

Page 13: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

Sunbeam Family Services | Brand Guidelines 13

COLOR BREAKDOWNS

SUNBEAM YELLOW

PMS: 116 C

CMYK: 0, 18, 100, 0

RGB: 255, 205, 0

HEX: ffcd00

LIGHTBEAM YELLOW

PMS: 100 C

CMYK: 7, 2, 73, 0

RGB: 242, 231, 103

HEX: f2e767

SUNSET ORANGE

PMS: 164 C

CMYK: 1, 60, 82, 0

RGB: 242, 130, 66

HEX: f28242

RUBY RED

PMS: 710 C

CMYK: 8, 89, 65, 0

RGB: 223, 67, 82

HEX: df4352

In color theory, a tint is the mixture of a color with white, which increases lightness. Tints are useful in printing – they reduce costs by negating the need for additional color plates.

Page 14: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

Sunbeam Family Services | Brand Guidelines 14

ENERGY GREEN

PMS: 2413 C

CMYK: 71, 0, 68, 0

RGB: 63, 185, 127

HEX: 3fb97f

WATERLOO BLUE

PMS: 298 C

CMYK: 64, 13, 4, 0

RGB: 75, 176, 220

HEX: 4bb0dc

AZURE

PMS: 7711 C

CMYK: 80, 22, 31, 0

RGB: 14, 154, 170

HEX: 0e9aaa

SERVICE BLUE

PMS: 7687 C

CMYK: 100, 93, 0, 1

RGB: 38, 58, 149

HEX: 263a95

In color theory, a tint is the mixture of a color with white, which increases lightness. Tints are useful in printing – they reduce costs by negating the need for additional color plates.

COLOR BREAKDOWNS CONT.

Page 15: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

Sunbeam Family Services | Brand Guidelines 15

WHITE

PMS: WHITE

CMYK: 0, 0, 0, 0

RGB: 255, 255, 255

HEX: ffffff

SLATE GRAY

PMS: 419 C

CMYK: 73, 65, 64, 72

RGB: 32, 35, 35

HEX: 202323

In color theory, a tint is the mixture of a color with white, which increases lightness. Tints are useful in printing – they reduce costs by negating the need for additional color plates.

COLOR BREAKDOWNS CONT.

Page 16: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

COLOR USAGE

Sunbeam yellow (Pantone 116 C) is the primary color and thus should be displayed prominently in marketing materials.

Sunbeam Family Services | Brand Guidelines16

Page 17: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

TYPOGRAPHY

This section will go over type usage and brand

fonts and typefaces.

17

Page 18: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

Sunbeam Family Services | Brand Guidelines 18

Gotham Black

aAbBcCdDeEfFgGhHiIjJkKlLmMn-NoOpPqQrRsStTuUvVwWxXyYzZ 1234567890!@#$%^&*()_

PRIMARY TYPEFACE

Gotham (Medium)

Gotham (Regular)

Gotham (Bold)

Lorem ipsum dolor sit amet, massa vivaus

vulputate quam sed at adipiscing, diam dolor,

imperdiet masa sem egestas non vestibulum,

Lorem ipsum dolor sit amet, massa vivaus vulputate quam sed at adipiscing, diam dolor, imperdiet masa sem egestas non vestibulum,

Lorem ipsum dolor sit amet, massa vivaus vulputate quam sed at adipiscing, diam do-lor, imperdiet masa sem egestas non vestib-

HEADERS AND TITLES : GOTHAM BOLD, ALL CAPS Body Copy : Gotham Light, sentence case.

Page 19: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

Sunbeam Family Services | Brand Guidelines 19

ARIAL BLACK

aAbBcCdDeEfFgGhHiIjJkKlLmMn NoOpPqQrRsStTuUvVwWxXyYzZ 1234567890!@#$%^&*()_

WEBSAFE TYPEFACE

Arial (Bold)

Arial (Regular)

Lorem ipsum dolor sit amet, massa vivaus vulputate quam sed at adipiscing, diam dolor, imperdiet masa sem egestas non vestibulum,

Lorem ipsum dolor sit amet, massa vivaus vulpu-tate quam sed at adipiscing, diam dolor, imperdiet masa sem egestas non vestibulum, risus erat.

HEADERS AND TITLES : ARIAL BLACK, ALL CAPS Body Copy : Arial, sentence case.

Page 20: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

Sunbeam Family Services | Brand Guidelines 20

SECONDARY TYPE CALL-OUTS

Call-outs : Bennett display black Bennett is also a websafe font

Note: Quotation marks are Bennett Display.

Bennett Display

aAbBcCdDeEfFgGhHiIjJkKlLmMn-NoOpPqQrRsStTuUvVwWxXyYzZ 1234567890!@#$%^&*()_

Whether that child goes home or stays in your home forever, you are a vital person to that child for the rest of their lives. - Tara

Page 21: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

Sunbeam Family Services | Brand Guidelines 21

TYPE HIERARCHY

HEADERS AND TITLES

Whether that child goes home or stays in your

home forever, you are a vital person to that

child for the rest of their lives.

- Tara

Body copy begins equal distance from bar as

header. Body copy is in Gotham Light on white

backgrounds and Gotham Medium on color

backgrounds. The Body copy should be no more

than 10pt type with 18pt leading. All copy should

be concise and to the point. When using in copy

call-outs use Gotham Bold. Gotham Light Italic

should be used for references.

Header Gotham Bold

all caps. Suggested

20pt type weight.

Body copy Gotham

Light sentence

case. Suggested

10pt type weight.

Call-outs in Bennett

Display Black.

Suggested use for

quotes and other call-

outs to explore

using brand colors.

Line 5 pt.

Page 22: BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ... inviting, clear and concise. 3. LOGO The logo is the art that identifies the brand and

Sunbeam Family Services | Brand Guidelines 22

s u n b e a m f a m i l y s e r v i c e s . o r g 4 0 5 . 5 2 8 . 7 7 2 1

1 1 0 0 N W 1 4 t h S t r e e t , O k l a h o m a C i t y 7 3 1 0 6 i n f o @ S u n b e a m f a m i l y s e r v i c e s . o r g

QUESTIONS?

For more information contact

Jeremy Coleman

Communications and Marketing Manager

[email protected]

405.609.1947