Barrington 220 Brand Guidelines 2018

Page 1


Barrington 220 School District

Logo Use Guide

COMMUNICATIONS DEPARTMENT

The Communications Department is excited to provide Barrington 220 schools with logos that appropriately reflect the brand and reputation of our district. In order to maintain the integrity of the Barrington 220 brand, please do not alter the logos in any way. Refer to these guidelines regarding appropriate use. If you have a specific question that has not been addressed, please contact the Communications Department.

s

Annie Loizzi

Print and Web Design Coordinator

aloizzi@barrington220.org

Do use the logo as provided - don’t alter color, font, etc.

Do use solid black or white only when color is not an option

Do leave a safety margin around the logo whenever it is used

Do be sure the logo is legible against the background

Don’t use the logo at a size smaller than 3/4” width

Don't add effects to the logo (drop shadow, gradient, glow, etc.)

Don't distort the logo in any manner - adjust proportionally

Don’t use the logotype without the logomark

Safety Margin

This must be clear of any text and images

Suggested Margin

If possible, leave this margin free of text and images CMYK 100

Do use the logo as provided - don’t alter color, font, etc.

Do use solid black or white only when color is not an option

Do leave a safety margin around the logo whenever it is used

Do be sure the logo is legible against the background

Don’t use the logo at a size smaller than 3/4” width

Don't add effects to the logo (drop shadow, gradient, glow, etc.)

Don't distort the logo in any manner - adjust proportionally

Don’t use the logotype without the logomark

CLEAR SPACE:

This must be clear of any text and images REVERSED:

Safety Margin

Suggested Margin

If possible, leave this margin free of text and images

Do use the logo as provided - don’t alter color, font, etc.

Do use solid black or white only when color is not an option

Do leave a safety margin around the logo whenever it is used

Do be sure the logo is legible against the background

Don’t use the logo at a size smaller than 3/4” width

Don't add effects to the logo (drop shadow, gradient, glow, etc.)

Don't distort the logo in any manner - adjust proportionally

Don’t use the logotype without the logomark

This must be clear of any text and images REVERSED:

Safety Margin

Suggested Margin

If possible, leave this margin free of text and images

CLEAR SPACE:

HORIZONTAL LOGO:

REVERSED:

LOGOMARK:

REVERSED:

Do use the logo as provided - don’t alter color, font, etc.

Do use solid black or white only when color is not an option

Do leave a safety margin around the logo whenever it is used

Do be sure the logo is legible against the background

Don’t use the logo at a size smaller than 3/4” width

Don't add effects to the logo (drop shadow, gradient, glow, etc.)

Don't distort the logo in any manner - adjust proportionally

Don’t use the logotype without the logomark

This must be clear of any text and images REVERSED:

Safety Margin

Suggested Margin

If possible, leave this margin free of text and images

CLEAR SPACE:

HORIZONTAL LOGO:

REVERSED:

LOGOMARK:

REVERSED:

Do use the logo as provided - don’t alter color, font, etc.

Do use solid black or white only when color is not an option

Do leave a safety margin around the logo whenever it is used

Do be sure the logo is legible against the background

Don’t use the logo at a size smaller than 3/4” width

Don't add effects to the logo (drop shadow, gradient, glow, etc.)

Don't distort the logo in any manner - adjust proportionally

Don’t use the logotype without the logomark

This must be clear of any text and images REVERSED:

Safety Margin

Suggested Margin

If possible, leave this margin free of text and images

CLEAR SPACE:

HORIZONTAL LOGO:

REVERSED:

LOGOMARK:

REVERSED:

Do use the logo as provided - don’t alter color, font, etc.

Do use solid black or white only when color is not an option

Do leave a safety margin around the logo whenever it is used

Do be sure the logo is legible against the background

Don’t use the logo at a size smaller than 3/4” width

Don't add effects to the logo (drop shadow, gradient, glow, etc.)

Don't distort the logo in any manner - adjust proportionally

Don’t use the logotype without the logomark

This must be clear of any text and images REVERSED:

Safety Margin

Suggested Margin

If possible, leave this margin free of text and images

CLEAR SPACE:

HORIZONTAL LOGO:

REVERSED:

LOGOMARK:

REVERSED:

Do use the logo as provided - don’t alter color, font, etc.

Do use solid black or white only when color is not an option

Do leave a safety margin around the logo whenever it is used

Do be sure the logo is legible against the background

Don’t use the logo at a size smaller than 3/4” width

Don't add effects to the logo (drop shadow, gradient, glow, etc.)

Don't distort the logo in any manner - adjust proportionally

Don’t use the logotype without the logomark

This must be clear of any text and images REVERSED:

Safety Margin

Suggested Margin

If possible, leave this margin free of text and images

CLEAR SPACE:

HORIZONTAL LOGO:

LOGOMARK:

REVERSED:

REVERSED:

Do use the logo as provided - don’t alter color, font, etc.

Do use solid black or white only when color is not an option

Do leave a safety margin around the logo whenever it is used

Do be sure the logo is legible against the background

Don’t use the logo at a size smaller than 3/4” width

Don't add effects to the logo (drop shadow, gradient, glow, etc.)

Don't distort the logo in any manner - adjust proportionally

Don’t use the logotype without the logomark

This must be clear of any text and images REVERSED:

Safety Margin

Suggested Margin

If possible, leave this margin free of text and images

CLEAR SPACE:

HORIZONTAL LOGO:

REVERSED:

LOGOMARK:

REVERSED:

Do use the logo as provided - don’t alter color, font, etc.

Do use solid black or white only when color is not an option

Do leave a safety margin around the logo whenever it is used

Do be sure the logo is legible against the background

Don’t use the logo at a size smaller than 3/4” width

Don't add effects to the logo (drop shadow, gradient, glow, etc.)

Don't distort the logo in any manner - adjust proportionally

Don’t use the logotype without the logomark

This must be clear of any text and images REVERSED:

Safety Margin

Suggested Margin

If possible, leave this margin free of text and images

CLEAR SPACE:

HORIZONTAL LOGO:

REVERSED:

LOGOMARK:

REVERSED:

Do use the logo as provided - don’t alter color, font, etc.

Do use solid black or white only when color is not an option

Do leave a safety margin around the logo whenever it is used

Do be sure the logo is legible against the background

Don’t use the logo at a size smaller than 3/4” width

Don't add effects to the logo (drop shadow, gradient, glow, etc.)

Don't distort the logo in any manner - adjust proportionally

Don’t use the logotype without the logomark

This must be clear of any text and images REVERSED:

Safety Margin

Suggested Margin

If possible, leave this margin free of text and images

CLEAR SPACE:

HORIZONTAL LOGO:

REVERSED:

LOGOMARK:

REVERSED:

Do use the logo as provided - don’t alter color, font, etc.

Do use solid black or white only when color is not an option

Do leave a safety margin around the logo whenever it is used

Do be sure the logo is legible against the background

Don’t use the logo at a size smaller than 3/4” width

Don't add effects to the logo (drop shadow, gradient, glow, etc.)

Don't distort the logo in any manner - adjust proportionally

Don’t use the logotype without the logomark

This must be clear of any text and images REVERSED:

Safety Margin

Suggested Margin

If possible, leave this margin free of text and images

CLEAR SPACE:

HORIZONTAL LOGO:

REVERSED:

LOGOMARK:

REVERSED:

Do use the logo as provided - don’t alter color, font, etc.

Do use solid black or white only when color is not an option

Do leave a safety margin around the logo whenever it is used

Do be sure the logo is legible against the background

Don’t use the logo at a size smaller than 3/4” width

Don't add effects to the logo (drop shadow, gradient, glow, etc.)

Don't distort the logo in any manner - adjust proportionally

Don’t use the logotype without the logomark

This must be clear of any text and images REVERSED:

Safety Margin

Suggested Margin

If possible, leave this margin free of text and images

CLEAR SPACE:

HORIZONTAL LOGO:

REVERSED:

LOGOMARK:

REVERSED:

B A R RINGTO N 220 BARRINGTO N TRANSITION

LOGO DON'TS

Don’t distort the logo - make all adjustments proportional

Don’t add effects to the logo (drop shadow, gradient, glow, etc.)

Don’t change alter the logo colors

Don’t use the black or white version when color is an option

Don’t place the logo where it becomes illegible - use a white background whenever possible.

Don’t let the logo touch any other elements - leave a safety margin

Don’t tilt the logo

Don’t use the logo at a width smaller than 3/4”

Don’t substitute the logotype with any other font

Don’t change the size ratio of the logomark to its name

Don’t use the logotype without the logomark

Don’t add an outline (stroke) of any kind.

Grove Avenue Elementary School

Preferred

DISTRICT TYPEFACES

Links to download Gotham Rounded Bold and Fira Sans Light can be found at Barrington220.org/Branding

Headlines & Titles Body Text

GOTHAM ROUNDED BOLD

AaBbCcDdEeFfGgHhIiJjKkLlMmNn

OoPpQqRrSsTtUuVvWwXxYyZz 1234567890$.,-':;!?&()"

FIRA SANS LIGHT

AaBbCcDdEeFfGgHhIiJjKkLlMmNn

OoPpQqRrSsTtUuVvWwXxYyZz

1234567890$.,-':;!?&()"

Google Docs

Alternate

DROID SANS BOLD

AaBbCcDdEeFfGgHhIiJjKkLlMmNn

OoPpQqRrSsTtUuVvWwXxYyZz 1234567890$.,-':;!?&()"

DROID SANS REGULAR

AaBbCcDdEeFfGgHhIiJjKkLlMmNn

OoPpQqRrSsTtUuVvWwXxYyZz 1234567890$.,-':;!?&()"

VERDANA BOLD

AaBbCcDdEeFfGgHhIiJjKkLlMmNn

Default Font

Alternate

OoPpQqRrSsTtUuVvWwXxYyZz 1234567890$.,-':;!?&()"

VERDANA REGULAR

AaBbCcDdEeFfGgHhIiJjKkLlMmNn

OoPpQqRrSsTtUuVvWwXxYyZz 1234567890$.,-':;!?&()"

SPIRITWEAR TYPEFACES

Links to download listed specialty fonts can be found at Barrington220.org/Branding

GOTHAM ROUNDED BOLD

LEAGUE

Email Signature

First Name Last Name

Job Title

email@barrington220.org | 000.000.0000

Barrington 220 (logo)

Do...

Use Sans Serif as font

Use Tahoma as font

Use size 11 font

Use black font

{ EMAIL COMMUNICATIONS

First Name Last Name Job Title

Email Signature Do...

Don't...

Use colors

Use any clip art or images

Use quotes, mission statements, etc.

BUSINESS CARDS

email@barrington220.org | 000.000.0000

Barrington 220 (logo)

To order business cards, please visit barrington220.org/businesscards and fill out the order form.

You will need the following information:

Full Name (exactly as you'd like printed) Official Job Title

Use Sans Serif as font

Use Tahoma as font

Use size 11 font

Use black font

Don't...

Use colors

Use any clip art or images

Use quotes, mission statements, etc.

BUSINESS CARDS

Number Fax Number OR Mobile Number

To order business cards, please visit barrington220.org/businesscards and fill out the order form.

You will need the following information:

Full Name (exactly as you'd like printed) Official Job Title

OFFICIAL BUILDING NAMES

When referring to the a school or the district in official communications, please use the following names:

District

Barrington 220

Barrington 220 School District

Barrington 220 Community Unit School District

District Administrative Center

Secondary

Barrington High School

BHS

Barrington Middle School Prairie Campus

BMS Prairie

Barrington Middle School Station Campus

BMS Station

Elementary

Arnett C. Lines Elementary School

Barbara B. Rose Elementary School

Countryside Elementary School

Grove Avenue Elementary School

Hough Street Elementary School

North Barrington Elementary School

Roslyn Road Elementary School

Sunny Hill Elementary School

Early Learning

Barrington Early Learning Center

Early Learning Center

ELC

WHAT IS OUR BRAND?

Branding is more than just using a set of logos. A brand is about defining a collective story. A story that each person in our community plays a role in telling each and every day, through every interaction.

To define our brand, we have to go to the heart of it all. Beyond the individual, beyond the technology, beyond the classroom walls - to the collective mission that we base everything else on. Who are we? What do we do? How do we do it? Why are we unique?

We push boundaries. We embrace innovation. We pursue excellence.

We've put together this brand guide to provide a set of ways to communicate our brand in a way that consistently reflects the work you do every day to make Barrington 220 a nationally-renown school district.

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.