style guide

32
Children & Families First Visual identity GUIDELINES

Upload: children-families-first

Post on 11-Mar-2016

222 views

Category:

Documents


0 download

DESCRIPTION

Children & Families First's Visual Identity Guidelines.

TRANSCRIPT

Page 1: Style Guide

Children & Families First

Visual identityGUIDELINES

Page 2: Style Guide

Visual identity guidelines 2

1 Introduction1.1 The guidelines . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 03 1.1.1 Employee guidelines

2 Visual guidelines2.1 Visual style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 052.2 Logo color 2.2.1 Brand colors 2.2.2 Gradient Detail2.3 Logo size2.4 Isolation area2.5 Misuse of the logo2.6 Children & Families First2.7 Typography 2.8 Tagline2.9 Positioning statement 2.9.1 Mission and vision statements

3 Imagery3.1 Image style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

4 Tone of Voice. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

5 Stationery & Collateral Materials. . . . . . . . . . . . . .22

5.1 Letterhead and Envelopes . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

5.2 Business Cards . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

6 CFF and Partner Brands. . . . . . . . . . . . . . . . . . . . . . . 25

6.1 CFF and Adolescent Resource Center . . . . . . . . . . . . . . . . . 256.2 CFF and Delaware Stars6.2.1 Cff and Delaware Stars Business Cards6.3 CFF and Healthy Families America6.4 CFF and Nurse Family Partnership6.4.1 CFF and Nurse Family Partnership Colors6.5 CFF and Community Schools

Page 3: Style Guide

3Visual identity guidelines | Introduction

1 Introduction

The Children & Families First identity is one of simplicity and friendliness. It is the embodiment of our organization - always growing, always moving forward.

1.1 The guidelines

Whether it is seen on screen or in print, the Children & Families First logo should maintain its original state. However it can adapt its color to the surrounding environment - changing to either white or black as needed.

This visual identity guide has been developed to provide a comprehensive understanding of the Children & Families First logo. It shows how to correctly implement the design elements in print and on screen.

Page 4: Style Guide

4Visual identity guidelines | Introduction

1.1.1 Employee Guidelines

Children & Families First maintains strict control over its branding image. Rules regarding logos and their use as well as color choices, design and all content must be in line with CFF’s branding guide-lines. Therefore, all materials that reference Children & Families First, a CFF program, or that make use of a CFF or CFF program logo must be approved by the Development Department before being distributed to the public.

All designs or requests for designs must be made through the ticketing system and sent to the attention of the Development Department two weeks prior to its needed date.

In order to maintain the integrity of our logo, the Development Department will not release the logo to any of the programs for use. All use of CFF’s logo must be approved by the Development Department.

Page 5: Style Guide

5Visual identity guidelines | Visual guidelines

2 Visual guidelines

The following sections of this visual identity guide will describe the broad principles of the Children & Families First identity as well as more detail regarding how the brand is implemented in different design scenarios. It will cover logo usage, color, tone of voice and typefaces.

Page 6: Style Guide

6Visual identity guidelines | Visual Style

2.1 Visual Style

The visual identity is the outward expression of Children & Families First. It uniquely and distinctively sets it apart from other similar social service organizations in the area. The logo is the primary element of that identity. However, other component parts play an important role in establishing the Children & Families First visual style.

CFF headline font

Museo Slab 500

Copy is short & memorable

Contact info is readily available

URL directs the reader to relevant web page

These elements are:

ColorTypography ImageryTone of Voice

Logo is appropriate size & color

Mission & Vision is included when possible

Page 7: Style Guide

7Visual identity guidelines | Logo color

2.2 Logo color

In print and on screen usage of the Children & Families First logo is permissible in two color, one color, four color, black or white.

Pantone or CMYK color is permissible on white backgrounds and some photos or colors where it is easily seen.

If the logo can not be easily seen in color, it must be changed to black or white. The logo may never be changed to something other than our official CFF color palette.

Permitted color palette

PANTONE 287 CV(C:100, M:69, Y:0, K:11)

PANTONE 326 CV(C:94, M:0, Y:43, K:0)

BLACK PAPER (white) (C:0, M:0, Y:0, K:100) (C:0, M:0, Y:0, K:0)

Correct use Incorrect use

Page 8: Style Guide

8Visual identity guidelines | Brand colors

2.2.1 Brand colors

Children & Families First brand-ing allows the below colors to be used in printed materials in conjunction with our logo colors. We use a basic color palette to maintain consistency. Percentage tints can be used in any of these colors. Other colors may be used where appropriate.

C:100, M:69, Y:0, K:11 R:0, G:82, B:155

C:100, M:60, Y:0, K:65 R:0, G:41, B:87

C:75, M:5, Y:100, K:0 R:65, G:173, B:73

C:94, M:0, Y:43, K:0 R:0, G:173, B:168

C:53, M:0, Y:20, K:0 R:111, G:203, B:208

C:0, M:0, Y:0, K:100 R:0, G:0, B:0

C:0, M:59, Y:100, K:0 R:111, G:203, B:208

C:92, M:64, Y:52, K:42 R:19, G:62, B:75

C:27, M:6, Y:100, K:0 R:197, G:206, B:46

C:100, M:11, Y:11, K:5 R:0, G:151, B:198

C:87, M:78, Y:45, K:38 R:45, G:53, B:79

Page 9: Style Guide

9Visual identity guidelines | Gradient Detail

2.2.2 Gradient Detail

Children & Families First likes to encorporate the below gradient detail whenever possible as a part of our CFF branding look. It encorproate all of our brand colors as well as a few additional colors that may be employed when appropriate.

It may be used horizontally or vertically.

Horizontal line, vertical orientation

Vertical line, horizontal orientation

Page 10: Style Guide

10Visual identity guidelines | Logo size

2.3 Logo size

The Children & Families First logo has been designed to reproduce at a minimum height of 20mm.On the web the minimum size of the logo is 60 pixels. There is no maximum reproduction size of the logo.

20 mm

Page 11: Style Guide

11Visual identity guidelines | Isolation area

2.4 Isolation area

The Children & Families First logo should always be surrounded by a minimum area of space. The area of isolation ensures that headlines, text or other visual elements do not encroach on the logo.

The area is defined by using a third of the height of the logo which is referred to as x.

The margin of clear space equivalent to 0.3x is drawn around the logo to create the invisible boundary of the area of isolation.

height = x

For example:logo height = 2 inchesarea of isolation = .67 inchesaround all sides of the logo

This area of separation is a minimum and should be increased wherever possible.

0.3x

0.3x

0.3x 0.3x

Page 12: Style Guide

12Visual identity guidelines | Misuse of the logo

2.5 Misuse of the logo

It is important that the appearance of the logo remains consistent. The logo should not be misinter-preted, modified or added to.

The logo must never be redrawn, adjusted or modified in any way. It should only be reproduced from the artwork provided.

To illustrate this point some of the more likely mistakes are shown.

Do not distort the logo in any way.

Do not alter logo color other than approved CFF palette.

Do not outline logo

Page 13: Style Guide

13Visual identity guidelines | Children & Families First

2.6 Children & Families First

The ‘and’ in Children & Families First should always be an ampersand. There is no exception to this rule. Below is the correct title of the organization as well as a few incorrect examples.

Correct title

Children & Families First

Incorrect titles

Children + Families FirstChildren and Families First

Page 14: Style Guide

14Visual identity guidelines | Typography

2.7 Typography

Children & Families First uses the typefaces Museo, Museo Sans, Museo Slab, Mrs. Eaves Roman, Italic and Bold. They are supplied in the Open Type format and are supported by pc and mac.

Museo typefaces are modern, friendly. Mrs. Eaves is a more traditional typeface that balances the uniqueness of Museo. They are available in the following weights:

Museo 100Museo 100 ItalicMuseo 300Museo 300 ItalicMuseo 500Museo 500 ItalicMuseo 700Museo 700 ItalicMuseo 900Museo 900 Italic

Museo Sans 500Museo Sans 500 Italic

Museo Slab 500Museo Slab 500 Italic

Type should never appear below 5pt. There is no maximum limit to type size.

Other typefaces may be used when appropriate.

Mrs. Eaves RomanMrs. Eaves BoldMrs. Eaves Italic

Page 15: Style Guide

15Visual identity guidelines | Tagline

2.8 Tagline

Children & Families First’s tagline, “It’s not just our name, It’s our promise”, is a new element that should be used whenever possible. Below are examples of its correct usage when used with the CFF logo:

It’s not just our name, IT’S OUR PROMISE

Horizontal usage

Vertical usage

It’s not just our name, it’s our promise

Page 16: Style Guide

16Visual identity guidelines | Positioning statement

2.9 Positioning statement

Children & Families First’s positioning statement should be included in materials whenever possible.

The positioning statement should always be the smallest piece of information (in size) on the page. However, care must be taken to maintain its visibility.

Below are examples of its proper usage:

WWW.CFFDE.ORG | (800) 220-3092 Children & Families First strengthens Delaware families by delivering an innovative and effective continuum of community-based social services.

In existence for more than 125 years, CFF builds the foundation for strong communities with child-centered and family-focused programs.

With website and phone number lock-up

It’s not just our name, IT’S OUR PROMISE

WWW.CFFDE.ORG | (800) 220-3092 Children & Families First strengthens Delaware families by delivering an innovative and effective continuum of community-based social services.

In existence for more than 125 years, CFF builds the foundation for strong communities with child-centered and family-focused programs.

With logo, tagline, website, and phone number lock-up

Page 17: Style Guide

17Visual identity guidelines | Mission and vision statements

2.9.1 Mission and vision

Children & Families First’s mission and vision should be included in materials whenever possible.

The mission and vision statements shouldn’t overtake the main message of the printed subject, but should be readable.

Below are examples of its proper usage:

Vertical usage

OURMISSIONChildren & Families First helps families develop solutions to meet challenges and embrace opportunities.

OURVISIONCommunities where children are nurtured and safe, individuals are valued, and families are strong.

Horizontal usage

OURMISSIONChildren & Families First helps families develop solutions to meet challenges and embrace opportunities.

OURVISIONCommunities where children are nurtured and safe, individuals are valued, and families are strong.

Page 18: Style Guide

18Visual identity guidelines | Imagery

3 Imagery

Children & Families First has a strict policy regarding imagery. Images that are to be used in any materials that promote CFF or include its logo must adhere to the following rules:

PURCHASING:All images must be purchased from a stock photography supplier with the appropriate rights of use for each project. Images MAY NOT be taken from the internet (ie: google search for images). CFF must pay for the rights and own each image that is used. To not do so is a violation of copyright laws, and CFF may be penalized accordingly.

We may also hire a photographer to take photos for us which we will be able to use without limit.

MEDIA RELEASES:Any photos that are taken of cli-ents or models that are to be used to publicize Children & Families First must be accompanied by a media release that is signed by said model or client. If the model/client is under the age of 18, a parent or guardian must sign for the child.

RESOLUTION:Ideally image resolution must be 300dpi at 100% image size for print, and 72ppi at 100% for web usage. However, some exceptions may be made at the approval of the Development Department.

Page 19: Style Guide

19Visual identity guidelines | Image style

3.1 Image style

A variety of images may be used for Children & Families First mate-rials depending on the goal of the intended marketing piece. Gener-ally images will be composed with consideration of the intended layout of the piece, will be well focused and engaging. Some ex-amples include the following:

Page 20: Style Guide

20Visual identity guidelines | Tone of voice

4 Tone of voice

Children & Families First believes that writing and design must work together.

Our agency is innovative and covers a broad range of services. In most cases, our messages should be friendly calls to action.

Information should be concise and memorable, easily read and digested - and most of all, motivating.

INTERESTED IN ADOPTION OR FOSTER CARE? KIDS IN DELAWARE NEED YOU!

Page 21: Style Guide

21Visual identity guidelines | Email Signature

4.1 Email Signatures

All outgoing emails from Children & Families First should include an email signature that must include the following elements:

• Name• Title• Organizationname• Mailingaddress• Phonenumber(s)• Faxnumber• Webaddress

Please DO NOT include:

•Personalquotes.CFFpreferstohave a unified outgoing message. There is a CFF-related tagline globally added to all outgoing emails. Please do not include additional quotes in your email signature. If there is specific CFF program-related information that you would like to add to your signature, this must be approved by the Development Department before adding.

•Unusualfontsorcolors.Thesetypefaces don’t always translate from computer to computer. Therefore, email signatures must only be set in one of the following typefaces: Calibri, Arial, or Times New Roman. Text must be black.

Joy SmokerSpecial Events & Design Coordinator

Children & Families First2005 Baynard Blvd.Wilmington, DE 19802302.777.9768 (phone)302.658.5302 (fax)

www.cffde.org

Correct use

Joy SmokerSpecial Events & Design Coordinator

Children & Families First2005 Baynard Blvd.Wilmington, DE 19802302.777.9768 (phone)302.658.5302 (fax)

www.cffde.org

Live, Laugh, Love!

Incorrect use

Page 22: Style Guide

5 Stationery & Collateral Materials

Stationery and collateral materials describes all printed materials such as cover letters, business cards, brochures, envelopes, newsletters, flyers. produced by Children & Families First.

All materials that represent Children & Families First must be designed or approved by the Development Department.

Requests for design or review can be made through the ticketing system. Tickets are reviewed on a first come, first served basis and require 2 weeks to be completed.Business cards may take up to 3 weeks.

22Visual identity guidelines | Stationery & Collateral Materials

Page 23: Style Guide

23Visual identity guidelines | Letterhead and Envelopes

5.1 Letterhead & Envelopes

A template has been createdfor letterhead. It allows the logo, board list, partner logos, and loca-tions to be clear on the first sheet.

Envelopes marked with theCFF logo are availablein the following sizes:

No. 1010 x 13 Booklet

2005 Baynard Blvd.Wilmington, DE 19802

(302) 658-5177(302) 658-5177 (fax)

809 N. Washington St.Wilmington, DE 19801

(302) 658-5177(302) 479-1651 (fax)

91 Wolf Creek Blvd.Dover, DE 19901

(302) 674-8384(302) 678-5634 (fax)

410 S. Bedford St.Georgetown, DE 19947

(302) 856-2388(302) 856-2196 (fax)

OFFICERSJennifer B. Jonach

ChairKaty Connolly

Vice ChairBarbara S. Ridgely, Ed.D.

SecretaryPeter A. Hazen

TreasurerPaul L. McCommons

Assistant Treasurer

BOARD OF DIRECTORSSandra H. Autman

Jessica C. BainSherry Brilliant

Don C. BrownP. Clarkson Collins, Jr., Esq.

Thomas P. Collins, Esq.Sally DeWees

Gayle DillmanJosé F. Echeverri

Veronica O. Faust, Esq.George W. Forbes, III

Gary M. GoldenPatricia W. Griffin, Esq.

N. Christopher Griffiths, Esq.Pamela E. Harper

Betsy A. HoldenNancy KaribjanianJames G. Klabe, Jr.

Ellen K. LevinAnthony J. LewisCasey E. McCabe

Shauna B. McIntosh, M.D.James H. McMackin, III, Esq.

Wilma Mishoe, Ed.D.Heather A. O’Connell

Kim Zeitler RobbinsJohn F. Schmutz, Esq.

Gina S. Schoenberg, Esq.Janice Rowe Tigani, Esq.

Lee A. Wheeler

ADVISORY BOARDAngela B. Case

Mary Jo ChandlerKaren D. DohertyMegan T. Goeller

Ted KaufmanPauline D. Koch

Hon. Jane P. MaroneyRobert R. Meade

Stephen M. MockbeeElizabeth T.B. Pierson

Gilbert S. Scarborough, IIIJoanne K. Sundheim, Esq.

K. Jean Williams

HONORARY BOARDCarol Harlan AastadMax S. Bell, Jr., Esq.

Joan McD. ConnollyDr. Lozelle J. DeLuz

Glenn M. Engelmann, Esq.Katherine L. Esterly, M.D.

Gloria S. FineCarol A. Gausz

Larry D. GehrkeJames H. Gilliam, Sr.

Edward W. Goate, Ph.D.Susan A. Herrmann

Hon. Mary M. JohnstonJohn W. Land

Stephen R. Permut, M.D.June Jenkins Peterson

David B. Ripsom, Esq.Barbara F. Soulier

CEOLeslie Newman

www.cffde.org

2005 Baynard BoulevardWilmington, DE 19802-3917

Agency Letterhead

No. 10 envelope

2005 Baynard Boulevard Wilmington, DE 19802-3917

10 x 13 Booklet

Page 24: Style Guide

24Visual identity guidelines | Business Cards

5.1 Business Cards

All staff should have their own agency business card. Cards can be ordered through the Development Department.

Front of card

Back of card

Page 25: Style Guide

6 Partner Brands

Children & Families First partners with many programs.

Considerations must be made to maintain the integrity of both the CFF brand as well as the partner brand in every occurrance. The following pages will detail appropriate use of the agency logo in tandem with partner logos.

25Visual identity guidelines | Partner Brands

Page 26: Style Guide

26Visual identity guidelines | Partner Brands

6.1 CFF & Adolescent Resource Center

Both the Children & Families First logo and the ARC logo should always be surrounded by a mini-mum area of space. The area of isolation ensures that headlines, text or other visual elements/logos do not encroach on the logo.

The area is defined by using a third of the height of the logo which is referred to as x.

The margin of clear space equivalent to 0.3x is drawn around the logo to create the invisible boundary of the area of isolation.

For example:logo height = 2 inchesarea of isolation = .67 inchesaround all sides of the logo

This area of separation is a minimum and should be increased wherever possible.

0.3x

0.3x

0.3x

Logos should be visually balanced in size with the required minimum area of space

surrounding each logo. When a horizontal logo interacts with CFF’s square logo, the

width remains at the one-third height requirement, while the height of the logo’s spatial

area is to line up with CFF’s logo.

0.3x

0.3x

0.3x

0.3x

0.3x

Page 27: Style Guide

27Visual identity guidelines | Partner Brands

6.2 CFF & Delaware Stars

Both the Children & Families First logo and the Delaware Stars logo should always be surrounded by a minimum area of space. The area of isolation ensures that headlines, text or other visual elements/logos do not encroach on the logo.

The area is defined by using a third of the height of the logo which is referred to as x.

The margin of clear space equivalent to 0.3x is drawn around the logo to create the invisible boundary of the area of isolation.

For example:logo height = 2 inchesarea of isolation = .67 inchesaround all sides of the logo

This area of separation is a minimum and should be increased wherever possible.

0.3x

Logos should be visually balanced in size with the required minimum area of space

surrounding each logo. When a horizontal logo interacts with CFF’s square logo, the

width remains at the one-third height requirement, while the height of the logo’s spatial

area is to line up with CFF’s logo.

0.3x

0.3x

Vertical Placement

0.3x

0.3x

0.3x

Horizontal Placement

0.3x

Page 28: Style Guide

28Visual identity guidelines | Partner Brands

6.2.1 CFF & Delaware StarsBusiness Cards

A template has been created for the CFF and Delaware Stars busi-ness card. Any staff who needs a card may request one from the Development Department.

Turn around time for business cards is up to 3 weeks.

Phone: (302) 674-8384 x119

Fax: (855) 462-0418

Cell: (302) 745-7578

[email protected]

ANDREA PRETTYMAN, M.ED.Program Manager, Delaware Stars

91 Wolf Creek Boulevard, Ste 1 | Dover, DE 19901 | www.cffde.org

Front of card

Back of card

Page 29: Style Guide

29Visual identity guidelines | Partner Brands

6.3 CFF & Healthy Families America

Both the Children & Families First logo and the Healthy Families America logo should always be surrounded by a minimum area of space. The area of isolation en-sures that headlines, text or other visual elements/logos do not encroach on the logo.

The area is defined by using a third of the height of the logo which is referred to as x.

The margin of clear space equivalent to 0.3x is drawn around the logo to create the invisible boundary of the area of isolation.

For example:logo height = 2 inchesarea of isolation = .67 inchesaround all sides of the logo

This area of separation is a minimum and should be increased wherever possible.

0.3x

0.3x

0.3x

Logos should be visually balanced in size with the required minimum area of space

surrounding each logo. When a horizontal logo interacts with CFF’s square logo, the

width remains at the one-third height requirement, while the height of the logo’s spatial

area is to line up with CFF’s logo.

0.3x

0.3x

0.3x

0.3x

0.3x

a program of Prevent Child Abuse America

a program of Prevent Child Abuse America

Vertical Placement

Horizontal Placement

Page 30: Style Guide

30Visual identity guidelines | Partner Brands

6.4 CFF & Nurse FamilyPartnership

Both the Children & Families First logo and the Nurse Family Part-nership logo should always be surrounded by a minimum area of space. The area of isolation ensures that headlines, text or other visual elements/logos do not encroach on the logo.

The area is defined by using a third of the height of the logo which is referred to as x.

The margin of clear space equivalent to 0.3x is drawn around the logo to create the invisible boundary of the area of isolation.

For example:logo height = 2 inchesarea of isolation = .67 inchesaround all sides of the logo

This area of separation is a minimum and should be increased wherever possible.

0.3x

0.3x

0.3x

Logos should be visually balanced in size with the required minimum area of space

surrounding each logo. When a horizontal logo interacts with CFF’s square logo, the

width remains at the one-third height requirement, while the height of the logo’s

spatial area is to line up with CFF’s logo. The opposite is true for logos which are

placed vertically.

0.3x

0.3x

0.3x

0.3x

Vertical Placement

Horizontal Placement

Page 31: Style Guide

31Visual identity guidelines | Partner Brands

6.4.1 CFF & Nurse FamilyPartnership Colors

Children & Families First branding allows the below colors to be used in printed materials in conjunction with NFP colors. We use a basic color palette to main-tain consistency. Percentage tints can be used in any of these colors. Other colors may be used where appropriate.

C:94, M:0, Y:43, K:0 R:0, G:173, B:168

C:100, M:69, Y:0, K:11 R:0, G:82, B:155

C:75.2, M:34.4, Y:0, K:30.4 R:47, G:84, B:126

C:94, M:43, Y:0, K:38 R:15, G:58, B:104

C:22, M:0, Y:100, K:8 R:195, G:207, B:33

C:47, M:21.5, Y:0, K:19 R:110, G:134, B:167

NFP Secondary Colors For Accent

CFF Primary Colors

NFP Primary Colors

Page 32: Style Guide

32Visual identity guidelines | Partner Brands

6.3 CFF & Community Schools

Both the Children & Families First logo and the Community Schools logo should always be surrounded by a minimum area of space. The area of isolation ensures that headlines, text or other visual elements/logos do not encroach on the logo.

The area is defined by using a third of the height of the logo which is referred to as x.

The margin of clear space equivalent to 0.3x is drawn around the logo to create the invisible boundary of the area of isolation.

For example:logo height = 2 inchesarea of isolation = .67 inchesaround all sides of the logo

This area of separation is a minimum and should be increased wherever possible.

0.3x

0.3x

0.3x

Logos should be visually balanced in size with the required minimum area of space

surrounding each logo. When a horizontal logo interacts with CFF’s square logo, the

width remains at the one-third height requirement, while the height of the logo’s

spatial area is to line up with CFF’s logo. The opposite is true for logos which are

placed vertically.

0.3x

0.3x

0.3x

0.3x

0.3x

Vertical Placement

Horizontal Placement