BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ......
Transcript of BRAND GUIDELINES · BRANDING In order to help Sunbeam create the best environment for its ......
BRAND GUIDELINES
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
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
LOGO
The logo is the art that identifies the
brand and its mission.
4
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.
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
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.
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
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
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.
BRAND COLORSINVITING and LEGIBLE. Sunbeam Family Services should always
display colors that are inviting.
CREATE
11
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
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.
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.
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.
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
TYPOGRAPHY
This section will go over type usage and brand
fonts and typefaces.
17
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.
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.
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
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.
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
405.609.1947