Bank Street Style Manual

Page 1

Bank Street Style Manual Last Revised: June 8, 2015


A Toolbox for Communications This document provides guidance and materials—logos, fonts, colors, language guidelines, etc.—as a toolbox for the Bank Street community so we can all become better educators on the topic of “Bank Street College.” The marketing shorthand

for this effort is “branding,” and when we use these materials consistently, we provide a stable base of recognition for new and existing audiences, creating space for our community to thrive and to grow.

The Logo Optional Logo (Vertical Form)

The Bank Street logo features the ‘leafy-B,’ which symbolizes an integrated education environment for children and adults. The logo can appear in two forms, either horizontal (the recommended official form) or the vertical one used for narrow formats.

Official Logo (Horizontal Form)

6

Logo Position and Spacing The logo features a strong column in the left side of the ‘leafy-B’ symbol. This is further emphasized by the left alignment of the text. Hence the logo wants to be aligned to the left.

The minimum spacing the logo requires is equal to double the height of its capital ‘B’ letter. To maintain the logo’s prominence and shape, make sure to keep the white space around it.

B B B B

Lucy Sprague Mitchell Founder

B B

610 West 112th Street New York, NY 10025 212-368-6337 lmitchell@bankstreet.edu

B B

B B

B B

B B

B B

2

B B

B B


.2 in

Minimal Logo Sizes

27 px 27 px

10 pt 10 pt

The new logo can not be displayed smaller than 0.2 inches in print or 86 pixels on the web.

Minimum Print Size

Minumum Web Size

27 px 27 px 100% view 100% view

.2 in view 0.2 inches

8

27 pixels

Logo in Black and White Bankstreet In most cases, we would prefer the use of the original colors, but of Education ifCollege a B&W print is required, make sure to follow these guidelines.

Bankstreet Use 50% Black to replace the color or go with no tonal distinction College of Education whatsoever.

Bankstreet College of Education

Bankstreet College of Education

Bankstreet College of Education

Bankstreet College of Education

Bankstreet College of Education

Bankstreet College of Education

3


en the ults & en theThe primary division between the ults &offering of Bankstreet is Adults & Children. ams for e School ams forInstitutions offering programs for al StudiesColors are an essential part of the Bank Street brand and should e School adults such as the Graduate School color. follow specific use patterns. The leading color for the institution al Studies and Continuing Professional Studies is the orange red. It is used as the leading color in the graphic color. use olive green as the lead color. s for identity. for s for The ones offering for are designed for adults as well Bank Street offersprograms programs that ool use the for children such as the School for as those designed for children. ool useChildren the and the After School use the blue as their lead color. distinguish

Colors

9 programs for adults such as the Graduate Divisions offering School and Continuing Professional Studies use olive green as the lead color. Programs designed for children such as the School for Children andof Liberty College EducationLEADS use the blue as their lead color. College of Education College ofdivision Education logos. These colors are also used to distinguish

distinguish This division is also used to distinguish these institutions logos.

ts dren more ore ow and tivate and ly hey osition r black. on well

Adult Programs College of EducationAdult Programs

Children Programs Adult Programs

Bankstreet Graduate School of Education Bankstreet Bankstreet Bankstreet

Graduate School of Education Graduate School of Education College of Education

Children Programs

Bankstreet School for Children Bankstreet School for Children 11 12

Secondary Colors The Bank Street red and the adults olive green are paired with two more secondary tones. The warm yellow and brown are used to enrich and activate the two other tones. They are usually used best in a multi-color composition but can also function well with black.

The Bank Street red and the children blue are also paired with two more secondary tones. The cool green and turquoise are used to enrich and activate the two other tones. They are often used best in a multi-color composition but can also function well with black.

College of Education

Adult Programs

Bankstreet Graduate School of Education

Children Programs

4

Bankstreet School for Children


es

s s

s s

s. s.

s. s.

13

Spot and Process Color Values (Print) The color tones we use are unique and should be followed precisely. This page presents the exact color values for either spot or full process print production.

College of Education

Children Programs

College of Education

Children Programs

C0 M84of Y88 K0 College Education C0 M84of Y88 K0 C PANTONE 1788 College Education PANTONE 1788 C C0 M84 Y88 K0 PANTONE 1788 C0 M84 Y88 K0 C PANTONE 1788 C

Using spot colors would achieve better color fidelity and is especially recommended for print applications.

C85 M66 Y1 K0 Children Programs C85 M66 Y1 K0 C PANTONE 2925 Children Programs PANTONE 2925 C C85 M66 Y1 K0 PANTONE 2925 C85 M66 Y1 K0 C PANTONE 2925 C

C76 M15 Y49 K0 C76 M15 Y49 K0C PANTONE 3262 PANTONE 3262 C C76 M15 Y49 K0 PANTONE 3262 C76 M15 Y49 K0C PANTONE 3262 C

C53 M2 Y100 K0 C53 M2 Y100 PANTONE 375K0 C PANTONE 375 C C53 M2 Y100 K0 PANTONE 375K0 C C53 M2 Y100 PANTONE 375 C

C44 M34 Y50 K0 C44 M34 Y50 PANTONE 437K0 C PANTONE 437 C C44 M34 Y50 K0 PANTONE 437K0 C C44 M34 Y50 PANTONE 437 C

C0 M29 Y100 K0 C0 M29 Y100 PANTONE 116K0 C PANTONE 116 C C0 M29 Y100 K0 PANTONE 116K0 C C0 M29 Y100 PANTONE 116 C

Adult Programs Adult Programs

Screen Color Values For web and screen based publications use the RGB hex values.

C37 Y100 K6 AdultM35 Programs C37 M35 Y100 PANTONE 457 CK6 Adult Programs PANTONE 457 C C37 M35 Y100 K6 PANTONE 457 CK6 C37 M35 Y100 PANTONE 457 C

Screen Color Values (Web)

For emphasis and distinction we also add 5 tones of gray to the web color pallet.

For web and screen based publications, use the RGB hex values.

Adult Programs

For emphasis and distinction, we also add 5 tones of gray to the web color pallete.

College of Education

Children Programs

#a39333

#feba12

#915f58

#f05033

#86c140

#393B3C

#656669

#939598

#b2b2b4

#ebebeb

5

#2fa393

#3662acv

14


ethe

e een

Bankstreet Bankstreet Professional Studies Continuing Bankstreet Graduate School of Education Continuing Professional Studies

Wordmarks

r

he r

r

uire or uire

Wordmarks are logo variations for individual divisions. Adult institutions use the olive green for their wordmarks and children institutions use blue. Bank Street institutions that do not fall on either side of this divide use the Bank Street red. Such institutions might be the Bank Street library for example.

All of these logos use 90% black for the word “Bank Street”.

Bankstreet Bankstreet The 7 wordmarks thatEducation appear here have been treated individually Online Continuing Professional Studies to adjustBankstreet for letter by letter kerning. Other future wordmarks might require a similar treatment by a designer. Online Education 15

Bankstreet Bankstreet School for Children Bankstreet Online Education School for Children

15

e

quire

Bankstreet Graduate School of Education Bankstreet Graduate School of Education

Bankstreet Bankstreet Family Center Childcare Bankstreet School for Children Family Center Childcare

Bankstreet Continuing Bankstreet Professional Studies Continuing Professional Studies

Bankstreet Bankstreet Liberty Leads Bankstreet Family Center Childcare Liberty Leads

Bankstreet Negative Logo Usage

Online Education Bankstreet When used in negative over one of our 7 colors we would use Online Education white for the symbol and the text and 100% black for the words

Bankstreet Liberty Leads

“Bank Street” to extend its contrast against the background.

Bankstreet School for Children Bankstreet School for Children Bankstreet Family Center Childcare Bankstreet Family Center Childcare Bankstreet Liberty Leads Bankstreet Liberty Leads

6


Logo Do’s and Don’ts There are many ways to misuse the logo. We came up with 12 examples, though we’re sure you could come up with more.

But try not to…

17

he es, h

Bank Street Bankstreet College of Education

Bankstreet College of Education

7


Wordmark Typography

18

We use the ITC Officina Serif font only in its Book weight and only for the logo and the wordmarks.

only logo only logo

xt se xt he se

he

ITC Officina Serif Book (16pt.) ITC Officina Serif Book (16pt.)

Auto 1 has 4 different weights in both normal and italic styles. It is the lead identity font and is used for both headings and text blocks.

both ead een

Auto 1 & Auto 1 Lt

creen m edu

The 4 weights are separated between two fonts:

19

Lead Identity Font

Since Autoit is1 less & readable Auto 1onLtthe screen, the light weight was omitted from usage on the website: Bankstreet.edu

creen m edu

18

A BC DE F GH I JK L M NOP Q R S T U V W X Y Z A DEfFgh GHijkl I JKmLnop M NOP S TwUxVyW a bBC c de q r sQtRuv z XYZ a1234567890 b c de f gh ijkl!m" §$ nop r s t uv w x€y z %q&/() = ?@ 1234567890 ! " §$ % &/() = ?@ €

both ead

een

The use of a unique font helps to distinguish the logo from other text in the page, so make sure not to use Officina for anything other than the logo.

Light: Auto 1 lt - Regular

Regular: Auto 1 -Regular Bold: Auto 1 lt - Bold Black: Auto 1 - Bold

Auto 1 Lt - Italic ABCDEF GHI JK L MNOP QR S T U V W X Y Z abc def g hijk lmnopqr s tuv w x y z Auto 1 Lt89 - Italic 123 4567 0 !"§ $%&/( ) =?@ € ABCDEF GHI JK L MNOP QR S T U V W X Y Z abc hijk lmnopqr s tuv w x y z Autodef 1 - gItalic 123 4567 89 0 !"§ ) =?@ A BCDEFGHI JK L$%&/( MNOP QR S€T U V W X Y Z ab c def g hijk lmnopqr s tuv w x y z Auto 1 - Italic 123 4567 89 0 !"§$%&/( ) =?@ € A BCDEFGHI JK L MNOP QR S T U V W X Y Z ab c def lmnopqr Auto 1 Ltg -hijk Bold Italic s tuv w x y z 123 4567 89 0 !"§$%&/( =?@ ABCDEFGHIJKLMNOPQRSTUVWXYZ A BCDEFGHI JK L MNOP) QR S T€U V W X Y Z abcdefghijklmnopqrstuvwxvz ab c def g hijk lmnopqr s tuv w x y z Auto 1 Lt 89 - Bold Italic 1234567890 123 4567 0 !"§$%&/()=?@€ !"§$%&/( ) =?@ € A BCDEFGHI JK L MNOP QR S T U V W X Y Z ab c def hijk Italic lmnopqr s tuv w x y z Auto 1 -gBold 123 4567 89 0 !"§$%&/( ) =?@ A BCDE FGHI J K LMNOP QR€S T U V W X Y Z abcdef ghijk lmnopqr s tuv w x yz Auto - Bold 1 23 4 51 67 8 9 0Italic ! "§$%&/( ) =?@ € A BCDE FGHI J K LMNOP QR S T U V W X Y Z abcdef ghijk lmnopqr s tuv w x yz 1 23 4 5 67 8 9 0 ! "§$%&/( ) =?@ €

Auto 1 Lt - Regular ABCDEF GHI JKLMNOPQR S T U V W X Y Z ab cdefg hijklmnop qr s tuv w x y z Auto 1 Lt - Regular 123 456789 0 !"§ $% &/( )=?@ € ABCDEF GHI JKLMNOPQR S T U V W X Y Z ab cdefg hijklmnop qr s tuv w x y z Auto 1 - Regular 123 456789 0 !"§ $% &/( )=?@ A BCDEFGHI JK LMNOP QR S€T U V W X Y Z abcdefg hijklmnopqr s tuv w x y z Auto 1 - Regular 123 456789 0 !"§ $% &/( ) =?@ € A BCDEFGHI JK LMNOP QR S T U V W X Y Z abcdefg s tuv w x y z Auto 1 Lt -hijklmnopqr Bold 123 0 !"§ $% &/( A BC456789 D EFGHIJ K LM N O )P=?@ QR S€T U V W X Y Z a bcde fg hijklmnop qr s tu v w x y z Auto Lt - Bold 1 23 451 6789 0 !"§$% &/( ) =?@ € A BC D EFGHIJ K LM N O P QR S T U V W X Y Z a bcde hijklmnop qr s tu v w x y z Auto 1 -fgBold 1A23 45D6789 0 IJ !"§$% &/( BC E FG H KLMN O P) =?@ Q R S€T U V W X Y Z ab cde fghijklmnop qrs tu v w x y z Auto Bold 1 23 451 -678 9 0 !"§$% & /( ) =?@€ A B C D E FG H IJ K L M N O P Q R S T U V W X Y Z ab cde fghijklmnop qrs tu v w x y z 1 23 45 678 9 0 !"§$% & /( ) =?@€ 8

19


mily y ys. mily ys. mily be mily ys. be is. s. be is. be mily yis. hic is. s. hic be hic hic is.

Additional Italics

Auto - Italic Auto 2 -2Italic && Auto 2 -2Italic && Auto - Italic -2feature Italic Auto Lt - Italic Auto 2 Lt - Italic A unique of& the& Auto family is the addition of two Auto 2 Lt - Italic Auto Lt - The Italic -2italics. Italic &italics & of Auto 2 & Auto 3 can be used alternate Auto 2 Lt - Italic Auto 2 Lt - Italic Auto Auto 2 Lt 2 Lt - Italic - Italic Auto Auto 2 2- Italic - Italic && Auto 2Lt Italic Auto 2 Lt -LtItalic Auto Auto ---Italic - Italic Auto 2 2Lt Italic Auto 22-LtLt Italic

ABCDEFGHIJKLMNOPQRST UVWX ABCDEFGHIJKLMNOPQRST UVWX YZYZ Auto 2 Lt Auto 2 -LtItalic - Italic ABCDEFGHIJKLMNOPQRST UVWX YZYZ ABCDEFGHIJKLMNOPQRST UVWX Auto 2 Lt Italic Auto 2 Lt Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRST UVWX YZYZ ABCDEFGHIJKLMNOPQRST UVWX abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRST UVWX YZYZ ABCDEFGHIJKLMNOPQRST UVWX 1234567890 !"§$%&/()=?@€ !"§$%&/()=?@€ abcdefghijklmnopqrstuvwxyz chic 1234567890 abcdefghijklmnopqrstuvwxyz 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto Auto 2 Lt 2 Lt Italic Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€UVWX ABCDEFGHIJKLMNOPQRST ABCDEFGHIJKLMNOPQRST YZYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ UVWX Auto - Italic Auto 2 - 2Italic Auto 2 - 2Italic Auto - Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRST UVWX ABCDEFGHIJKLMNOPQRST UVWX YZYZ Auto 2 - 2Italic Auto - Italic ABCDEFGHIJKLMNOPQRST UVWX YZYZ ABCDEFGHIJKLMNOPQRST UVWX 1234567890 1234567890 !"§$%&/()=?@€ !"§$%&/()=?@€ Auto 2 Italic Auto 2 Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRST UVWX YZYZ ABCDEFGHIJKLMNOPQRST UVWX abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRST ABCDEFGHIJKLMNOPQRST UVWX UVWX YZYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto Auto 2 2 Italic Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€UVWX ABCDEFGHIJKLMNOPQRST ABCDEFGHIJKLMNOPQRST UVWX YZYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto - Bold Italic Auto 2 Lt2 Lt - Bold Italic Auto 2 Lt2 Lt - Bold Italic Auto - Bold Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ Auto 2 Lt - Bold Italic Auto 2 Lt Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 1234567890 !"§$%&/()=?@€ !"§$%&/()=?@€ Auto 2 Lt - Bold Italic Auto 2 Lt - Bold Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto Auto 2 Lt 2 Lt Bold Bold Italic Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto - Bold Italic Auto 2 -2Bold Italic Auto 2 -2Bold Italic Auto Bold Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ Auto 2 -2Bold Italic Auto Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 1234567890 !"§$%&/()=?@€ !"§$%&/()=?@€ Auto 2 Bold Italic Auto 2 Bold Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto Auto 2 -2Bold - Bold Italic Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 1234567890 !"§$%&/()=?@€ Auto 1 SmCp &!"§$%&/()=?@€ Auto 1 LtSmCp Auto 1 SmCp &Small Auto 1Caps LtSmCp abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz AutoAdditional 1 SmCp & Auto 1 LtSmCp Auto 1 SmCp & Auto 1 LtSmCp ider 1234567890 1234567890 !"§$%&/()=?@€ Auto 1 SmCp &!"§$%&/()=?@€ Auto 1 LtSmCp ider Auto 1 SmCp & Auto 1 LtSmCp

AutoAuto 1 SmCp 1 SmCp & Auto & Auto 1 LtSmCp 1 LtSmCp ider Auto 1 also features small caps options that can be used when a ider

20 20 20 20 20 20 20 20

Auto - Italic Auto 3 -3Italic && 20 20 Auto 3 -3Italic && Auto - Italic -3Italic &for&emphasis. They add a playful tone while Auto Lt -and Italic Auto Lt Italic for3headings --- Italic Auto 3 Lt Italic Auto Lt -theItalic -3Italic - Italic &original & typographic DNA inherited from Auto 1. maintaining Auto 3 Lt - Italic Auto 3 Lt - Italic Auto Auto 3 Lt 3 Lt - Italic - Italic Auto Auto 3 -3Italic - Italic && Auto 33 Lt Auto 33 Lt --Italic Auto Auto Lt Lt Italic --- Italic Italic Auto 3 Lt - Italic Auto 3 Lt Italic

ABCDEFGHIJKLMNOPQRST UVWXYZ ABCDEFGHIJKLMNOPQRST UVWXYZ Auto 3 Lt - Italic Auto 3 Lt - Italic ABCDEFGHIJKLMNOPQRST UVWXYZ ABCDEFGHIJKLMNOPQRST UVWXYZ Auto Auto 3 Lt 3 Lt Italic Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRST UVWXYZ ABCDEFGHIJKLMNOPQRST UVWXYZ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRST ABCDEFGHIJKLMNOPQRST UVWXYZ UVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto Auto 3 Lt 3 Lt Italic Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ ABCDEFGHIJKLMNOPQRST ABCDEFGHIJKLMNOPQRST UVWXYZ UVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 Auto - !"§$%&/()=?@€ Italic Auto 3 - 3Italic Auto 3 - 3Italic Auto - Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ Auto 3 - 3Italic Auto - Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 1234567890 !"§$%&/()=?@€ !"§$%&/()=?@€ Auto 3 - Italic Auto 3 Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto Auto 3 -3Italic - Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 1234567890 Auto 3 Lt -!"§$%&/()=?@€ Bold Italic Auto 3 Lt -!"§$%&/()=?@€ Bold Italic Auto 3 Lt - Bold Italic Auto 3 Lt Bold Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ Auto 3 Lt - Bold Italic Auto 3 Lt Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 1234567890 Auto 3 Lt -!"§$%&/()=?@€ Bold Italic Auto 3 Lt - !"§$%&/()=?@€ Bold Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto Auto 3 Lt 3 Lt Bold Bold Italic Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto - Bold Italic Auto 3 - 3Bold Italic Auto 3 - 3Bold Italic Auto Bold Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ Auto 3 - 3Bold Italic Auto Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 1234567890 !"§$%&/()=?@€ !"§$%&/()=?@€ Auto 3 Bold Italic Auto 3 Bold Italic abcdefghijklmnopqrstuvwxyz 21 abcdefghijklmnopqrstuvwxyz 21 ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 21 21 ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 21 21 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto Auto 3 3 Bold Bold Italic Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 1234567890 !"§$%&/()=?@€ 21 21 1234567890 !"§$%&/()=?@€ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 1234567890 1234567890 !"§$%&/()=?@€ !"§$%&/()=?@€ 21

wider typographic variety is required.

Auto Auto 1 Lt SmCp - Regular 1 Lt SmCp - Regular Auto 1 Lt SmCp Regular Auto 1 Lt SmCp - Regular Auto 1 SmCp & Auto 1 LtSmCp ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ Auto 1 Lt SmCp Regular Auto 1 Lt SmCp - Regular ider ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 1234567890 !"§$%&/()=?@€ Auto Auto 1 Lt SmCp 1 !"§$%&/()=?@€ Lt SmCp - Regular - Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto 1 SmCp - Regular Auto 1 !"§$%&/()=?@€ SmCp - Regular 1234567890 1234567890 !"§$%&/()=?@€ Auto 1 SmCp Regular Auto 1 SmCp - Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ Auto 1 SmCp Regular 1 Lt SmCp - Regular Auto SmCp - Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto Auto 1 SmCp 1 SmCp Regular Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto 1 Lt SmCp - Bold Auto 1 !"§$%&/()=?@€ Lt SmCp - Bold 1234567890 1234567890 !"§$%&/()=?@€ Auto 1 Lt SmCp Bold Auto 1 Lt SmCp - Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ Auto 1 Lt SmCp Bold Auto 1 SmCp Regular Lt SmCp - Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 1234567890 !"§$%&/()=?@€ Auto Auto 1 Lt SmCp 1 !"§$%&/()=?@€ Lt SmCp - Bold - Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto 1 SmCp - Bold Auto 1 !"§$%&/()=?@€ SmCp - Bold 1234567890 1234567890 !"§$%&/()=?@€ Auto 1 SmCp Bold Auto 1 SmCp - Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ Auto 1 SmCp Bold 1 Lt SmCp - Bold Auto SmCp - Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto Auto 1 SmCp 1 SmCp Bold Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ 1234567890 1234567890 !"§$%&/()=?@€ !"§$%&/()=?@€

Auto Auto 1 SmCp - Italic 1 SmCp - Italic Auto 1 SmCp Italic Auto 1 SmCp - Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ Auto 1 SmCp Italic Auto 1 SmCp - Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ 1 lt smcp italic Auto Auto SmCp 1 SmCp Italic - Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ abcdefghijklmnopqrstuvwxvz ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto 1 SmCp - Italic Auto 1 !"§$%&/()=?@€ SmCp - Italic 1234567890 !"§$%&/()=?@€ 1234567890 1234567890 !"§$%&/()=?@€ Auto 1 SmCp Italic Auto 1 SmCp - Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ Auto 1 SmCp Italic Auto 1 SmCp - Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto Auto 1 SmCp 1 SmCp Italic - Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto 1 LtSmCp - Bold ItalicItalic Auto 1 !"§$%&/()=?@€ LtSmCp - Bold 1234567890 1234567890 !"§$%&/()=?@€ Auto 1 LtSmCp Bold ItalicItalic Auto 1 LtSmCp Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ Auto 1 LtSmCp Bold ItalicItalic Auto 1 SmCp Italic LtSmCp - Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto Auto 1 LtSmCp 1 LtSmCp Bold Bold ItalicItalic ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !"§$%&/()=?@€ !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto 1 SmCp - Bold Italic Auto 1!"§$%&/()=?@€ SmCp - Bold Italic 1234567890 !"§$%&/()=?@€ 1234567890 Auto 1 SmCp Bold Italic Auto 1 SmCp Bold Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz Auto 1 SmCp Bold Italic 1 LtSmCp Bold Italic Auto SmCp Bold Italic abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ Auto Auto 1 SmCp 1 SmCp Bold Bold Italic Italic abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ abcdefghijklmnopqrstuvwxyz 1234567890 !"§$%&/()=?@€ 9 abcdefghijklmnopqrstuvwxyz !"§$%&/()=?@€ 1234567890 !"§$%&/()=?@€ 1234567890 1234567890 !"§$%&/()=?@€ !"§$%&/()=?@€


Stationery In an effort to reduce waste and costs, letterhead and envelope templates will be provided on an as-needed basis to any division, department, program, or individual that requests them. These templates can then be printed in whatever quantity required on color copiers through either Central Services (C Level, Main Building, 875-4537) or by the individual making the request. Specifically, the paper is Classic Crest Avon Brilliant White, 24 lb. with matching #10 envelopes. The cost for the paper provided by Central Services for this purpose will be charged to the requester.

Only three offset printed letterheads with matching #10 envelopes will be provided: a generic Bank Street College of Education (shown), a generic Bank Street Children’s Programs, and a generic Bank Street Graduate School of Education. Any requests for offset printed stationery above and beyond these models should be requested through the Communications Office (961-3336) and or Central Services (875-4537).

Bank Street College of Education

610 West 112th Street New York, NY 10025 610bankstreet.edu West 112th Street New York, NY 10025 bankstreet.edu

Bank Street College of Education 610 West 112th Street New York, NY 10025 t: 212-875-4400 f: 212-875-4759 www.bankstreet.edu

10


aphy aphy

Use of Original Photography Photography is a very important part of the brand identity. Unlike other brands that need to rely heavily on metaphors to communicate their message visually, Bank Street has the luxury of simply showing in pictures what is being done in the school. That’s why the use of images should follow the visual environment of the school itself: colorful, warm, close, intimate, focused on people, experiential, dedicated, collaborative, active, casual, fun.

logo and throughout the graphic identity. Photographs should complete this picture and provide the evidence of this integrated Bank Street experience. Most photography can be done internally, and a growing indexed database of photos will be maintained and available for use. Photographers should try to capture the brand’s values, but not overdo it by shooting clean and controlled images. The goal is to use photos that could not have been taken anywhere else.

The focus on children and academics working together is possibly the most important staple of the brand. It is emphasized in the

22 22

part part r on n

the the res es

uld uld

e,e, ative, tive,

mics mics

nd. d.

Children Children& &adults, adults,Collaborative, Collaborative,casual, casual, Dedicated, Dedicated,Intimate, Intimate,Warm Warm

Experimental, Experimental,Colorful, Colorful,Children Children& &adults, adults, Collaborative, Collaborative,Fun, Fun,active active

AAFrustrated Frustratedkid, kid,working workingalone alone--the theExact Exact opposite oppositeof ofwhat whatBankstreet Bankstreetstands standsfor for

Even Evenreal realsituations situationscan canlook lookfake fakeby byoveroverdirecting directingand andover-cleaning over-cleaningaashoot shoot

The The ee for or ence. ence.

be be dexed exed

.The The ure re do o itit mages. ages.

dnot not

11


hy

Use of Stock Photography When the right photo cannot be found or produced internally, the use of stock photography may make sense. Since we are trying to avoid the image bank look, we should try to find images that look as if they could have been shot at Bank Street.

Flickr.com and istockphoto.com are good options for finding stock photos. Try searching for Creative Commons licensed images (available through the advanced search). When using an image from these sites you may be required to give credit. The simplest 23 way to do this is to provide the short link to the image.

ound k we k that ot in

ce for mage ry

h use ired o do t link

Same concept but Cold, Controled, directed, clean

Warm, Experimental, Colorful, Casual, Fun, active

cb http://flic.kr/p/4m3LHe Example of the Creative Commons Attribution (CC-BY) license applied to the corner of a Stock photo found on Flickr.com (using the cc-icons.ttf dingbat font)

12


Web Content Style Guide The goal of this style guide is to cover the general elements of writing and publishing Bank Street content for the website, social media, and other electronic distribution models.

General Guidelines

Terminology: Bank Street & Education

A few common-sense concepts should guide your use of language on the web. (At the bottom of this document, there is an expanded guide to headlines, captions, punctuation, etc.)

A

acronyms: Avoid acronyms on first reference and in headlines whenever possible. For instance, “Bank Street College Alumni Association” should be used on first reference without “BSCAA” following it. On second reference or in headlines, “alums” or “alumni association” is also acceptable.

Keep it simple. To communicate effectively online, always strive to write as clearly and concisely as possible. If you are familiar with “The Elements of Style” by Strunk & White, this might be a good time to reread it. Many of the principles in the book are well-suited to online use.

after school: Two separate words. Do not hyphenate. advisor: Not “adviser.” Lowercase.

Avoid jargon. For instance, “actionable” is a legal term that describes something that can serve as the basis of a lawsuit. It should not be used as a synonym for “feasible” or “doable.” A conversational tone usually gets the point across more clearly.

B

Bank Street Book Store: Use full on first reference if it is appropriate. When used in the formal title, “Book Store” is two words. When referred to generically, bookstore is one word, lowercase.

Get to the point. While there is certainly a place for flowery or expositional writing, the purpose of a website is primarily to inform. The more quickly this is achieved, the better the user’s experience.

Bank Street College: Founded by Lucy Sprague Mitchell in 1916. The first reference to the school in text, stories, blogs, et cetera, should use the proper name of the institution, “Bank Street College” or “Bank Street College of Education.” The shorthand “Bank Street” is acceptable in subsequent mentions, titles, and captions.

Perhaps most importantly, when presented with two seemingly valid options, generally you will want to opt for the simpler one. Omit needless words. Vigorous writing is concise. A sentence should contain no unnecessary words, a paragraph no unnecessary sentences, for the same reason that a drawing should have no unnecessary lines and a machine no unnecessary parts. – William Strunk, Jr., and E.B. White, The Elements of Style

Bank Street College Alumni Association: Use full name of the organization on first reference without “(BSCAA)” after it. “BSCAA,” “alums,” or “alumni association” is acceptable on second reference.

C

Children’s Book Committee: Founded in 1912 as an arm of the Child Study Association of America, the group became part of Bank Street College in 1977. It publishes an annual guide, “The Best Children’s Books of the Year,” and every three years, “Books to Read Aloud With Children of All Ages.” It also presents three annual children’s book prizes in fiction, non-fiction, and poetry.

Online Resources APA Style: A good online resource from the American Psychological Association. http://www.apastyle.org/

course names: Capitalize the proper names of courses and use a bold typeface, preferably adding a hyperlink to the course description page. The word “course” is lowercase.

Commonly Misused Words and Phrases: A quick guide to homonyms and differences between such words as “lay” and “lie.” http://wsuonline.weber.edu/wrh/words.htm

coursework: One word.

D

Common Errors in English Usage: A more comprehensive list of language mistakes. http://public.wsu.edu/~brians/errors/errors.html

degrees: Capitalize and omit periods in full degree names, e.g., “BA” for Bachelor of Arts, “MSEd” for Master of Science in Education, etc. The abbreviation is acceptable on first reference or after a person’s name. Within a story, “bachelor’s degree” and “master’s degree” may be used and are lowercase.

“The Elements of Style” Online: A searchable version of the bestselling book. http://www.bartleby.com/141/

13


Web Content Style Guide E

R

ESL: The abbreviation for “English as a Second Language” is acceptable in all instances. If the full name is used in a course title, use the full name.

Registrar: Title of the official keeper of records. The Registrar is the head of the Registrar’s Office, not the office itself. Registrar’s Office: Capitalized. Located on the first floor of West 112th Street campus.

F

fieldwork: One word.

S

supervised fieldwork/advisement: A multifaceted process at Bank Street College that enables students to integrate the study of theory with practice. It is not capitalized unless it is in a headline or label. On second reference, “SFW/A” is acceptable.

G

GPA: The acronym for “grade point average” may be abbreviated in all instances and does not take periods. grade levels: Use the numeral when referring to school grades, e.g., “grades 1 to 6.” Capitalize in headings and labels. When referring to age groups, such as “5/6s” and “10/11s” (not “5/6’s” and “10/11’s”), no spaces are needed before or after the slash.

Terminology: General A

H

ampersand (&): The symbol is preferred in headlines, subheads, and label text. Do not use in text unless part of a proper noun, such as a book title.

Head Start: Two words, capitalized when referring to the early childhood development program. The National Head Start Association is online here: http://www.nhsa.org/

and: text, not an ampersand (&) unless it is part of a proper noun.

I

Integrative Master’s Project: Takes an apostrophe and capitalization. Use full name in first mention; can be referred to as “IMP” in subsequent mentions.

B

bilingual: One word, no hyphen. blog: The truncated form of “web logs” is preferred in all cases. It may be used as a verb or a noun. When blogging, writers should feel free to use a more conversational tone. While all of the guidelines and best practices presented here should be kept in mind, a blogger may feel free to use more of his or her own “voice.” Very important: Mention your subjects as early as possible in the story. Two other suggestions: Stick to the point and use hyperlinks. (Also, see “links.”)

K

Kerlin Science Institute: The institute was created at Bank Street College to strengthen the teaching of natural and environmental sciences. Use full name on first reference. “Kerlin Institute” and “institute” are acceptable on subsequent reference.

N

New York City Department of Education: Use proper name on first reference whenever possible. “NYCDOE” or “the DOE” is acceptable in subsequent uses when only the New York City office is mentioned (as opposed to cases when the federal DOE or another state’s office are also mentioned).

bullets: Short phrases are preferred, ideally no more than three to five points, no more than one line each. Full sentences should end with correct punctuation while short phrases should not.

C

captions: Photograph and video captions should be full sentences when possible, for clarity and for optimized web searchability.

New York State Education Department: Use proper name on first reference whenever possible. “NYSED” is acceptable in subsequent mentions.

D

dates: Use the complete name of the month and the numeral for the date, and offset the year with commas, e.g., “The event took place June 11, 2011, at Tabas Auditorium.” Do not abbreviate, as this can cause nonstandard variations, e.g., “Sept.” and “Sep.” When using a month and a year, do not separate with a comma (“June 2011,” not “June, 2011.”). Do not use ordinal numbers, as in “June 11th.” One exception is when referring to the holiday, “Fourth of July.”

P

proper nouns: When using proper nouns on first reference, use the full name (e.g., “Bank Street College of Education,” “Bank Street Book Store,” “The Kerlin Institute”). In subsequent references, you may omit the proper noun and capitalize the first letter of the common noun. For example, “Bank Street College” can be referred to as “the College,” “Bank Street Book Store” as “the Book Store,” and “The Kerlin Institute” as “the Institute.”

14


Web Content Style Guide E

referring to the number of credits or grades, e.g., “3 credits” and “grades 1 to 6.” (Also, see entry for phone numbers below.)

e.g.: The abbreviation for the Latin term, “exempli gratia,” meaning “for example,” is always acceptable, lowercase and with periods. It is preceded and followed by commas. If possible, use the words “for example.”

P

phone numbers: Use 10-digit format separated by hyphens, such as “212-555-1212.” The preceding “1” or “+1” is not necessary.

email: No hyphen, one word, lowercase.

punctuation: See below for tips on proper punctuation usage.

F

file names: File names should be concise but descriptive, with no capital letters. e.g., “bank-street-college.jpg” instead of “building.jpg.” This will aid in searchability.

apostrophe: Used to indicate possession or to pluralize single letters (“A’s”). Do not use to pluralize numbers or multiple letters (“9s/10s;” “ABCs”).

FAQ: Frequently Asked Questions. If questions are actually asked on a frequent basis, a better use of web resources would be to incorporate that information clearly and concisely within the appropriate pages. When supplementing information with a FAQ list, list items in question-and-answer format, with the most important or pertinent question first. Questions should appear in boldface type and answers in normal text. No need for “Q” and “A” as part of the formatting. Each question and answer should stand as its own paragraph. Ideally no more than five questions per page.

colon: Used at the end of an independent clause or to introduce a formal statement or quotation. Colons can also be used to restate, explain, or clarify a preceding statement. commas: Always use serial (Oxford) commas for consistency. The avoidance of serial commas is in part a relic of newspaper publishing, for which every character counted. Consistent use of the serial comma will always avoid confusion and save you questioning time. em dash: Used as a pause—with somewhat more emphasis than a comma and somewhat less than parentheses. Em dashes can indicate a sudden break, an interruption, or a trailing off. There are no spaces before or after.

H

Headlines: Capitalize every word except prepositions. Limit length to 50 - 65 characters: 50: Lorem ipsum dolor sit amet, consectetur cras amet. 65: Lorem ipsum dolor sit amet, consectetur adipiscing elit volutpat.

en dash: Can be used to replace the word “versus,” to show range (e.g., 40–50 students), to link terminal points (e.g., the London– New York flight), or to signal a pair where both parts are equal (e.g., The Smith-Jones paper). There are no spaces before or after the en dash.

A good headline is clear, concise, and informative.

hyphen: Joins two or more words working as an adjective, but usually not to join an adverb and an adjective. Hyphens are also used to designate dual heritage (e.g., “African-American), and to join a prefix with a word, especially with duplicate vowels (“reemerge”)

I

i.e.: The abbreviation for the Latin term, “id est,” is always acceptable, lowercase and with periods. It is preceded and followed by commas. If possible, use “in effect” or “in other words.”

parentheses: Used to enclose information that clarifies or is used as an aside. Punctuation is placed outside of the parentheses.

Internet: Always capitalize.

M

quotation marks: Use single quotes in headlines. Use double quotation marks for titles of events, books, movies, television shows, songs, etc. Do not use italics. When using blockquotes or pull quotes to display a passage of text on a story, keep the quote as short as possible to convey an idea most efficiently.

multicultural: One word, no hyphen. multifaceted: One word, no hyphen. multimedia: One word, no hyphen.

semicolon: Used to separate two independent clauses that are closely related or to separate an extensive list that contains commas within commas (e.g., “The Liberty LEADS staff includes Ana Tiburcio, Director; Lijia Collado, Office Manager; Alyssa Lyons, High School Advisor; Gina M. Jones, High School Advisor; and Charlie Ritchie, Program Counselor”).

N

numbers: Spell out numbers from one to nine, or when they appear at the beginning of a sentence. Use ordinal numbers in the same manner (“first,” “second,” “37th,” “43rd,” or at the beginning of a sentence, “Seventeenth”). Use digits when 15


Web Content Style Guide T

slash (/): Use a space both before and after a slash when part of a title or program name, e.g., “supervised fieldwork / advisement.” When using the acronym, do not add spaces because it is treated as a single word, e.g., “SFW/A.”

titles: Capitalize only when it immediately precedes a person’s name or in a directory. For example, “Bank Street College President John Doe” or “John Doe, Bank Street College president.”

Q

quotes: In news stories, the use of quotes are best suited to illustrate a point, express an opinion or to add color. Complete — and accurate — quotes are preferred. Make sure the sentence explains clearly who is speaking.

toward: Not “towards.”

R

U

Twitter: The verb that describes the action of posting an update to Twitter is “to tweet.”

United States: Use two words when referring to the country. It is acceptable to use “U.S.” when part of a proper name, such as “U.S. Department of Education.”

RSVP: No periods needed.

S

SEO: Search engine optimization refers to the practice of using keywords, headlines, captions, links, and text in a way that improves a page’s rank or relevance by search engines on any given topic.

V

video: Videos should have complete caption information. See entries for “captions” and “photographs.”

social media: Refers to such online networking sites as Facebook, Twitter, and LinkedIn.

W

spaces: Use only one space after the end of a sentence, not two. The convention was used in the era of typewriters, which traditionally featured monospaced fonts. For more information: http://www.slate.com/id/2281146/

World Wide Web: Always capitalize the formal name. The lowercase form of “web” is always acceptable.

website: One word, and “web” is lowercase.

16


Electronic Publications Plagiarism

Text Styles Bank Street College of Education uses The Publication Manual of the American Psychological Association as its preferred style guide for academic publications.

Bank Street College defines plagiarism as “the use of another person’s ideas, words, or theories as one’s own—or without citation—in an academic submission.” Avoid in all cases. The college suggests APA Citation Guidelines, available here: http://owl.english.purdue.edu/owl/resource/560/01/ Also recommended for electronic citations, The Writer’s Handbook: http://www.thewritershandbook.com/

Producers of electronic publications should refer to the Bank Street Style Manual for language usage specific to Bank Street programs and education. Fonts To accommodate various eReader devices, as well as user preferences, stick to a universally-available font, sized at 11-12 points.

Formatting Titles Italics should be used for: Art exhibitions Books Comic strips and webcomics Computer and video games Court cases Films Long or epic poems Magazines Musical albums Named trains and locomotives Orchestral works Paintings and other works of visual art Periodicals (newspapers, journals, and magazines) Plays Ships Ship class Television series

Sans-serif Options: Serif Options: Verdana Garamond Calibri Times New Roman Citations Refer to Bank Street Library’s APA citation resources online for details: APA In-Text Citation Guide APA Web Document Citation Guide APA Reference List Guide Logo Usage For electronic publications released as official products of Bank Street College of Education, the horizontal version of the College logo must be visible — in most cases, on the lower-left — on the publication’s front cover.

Quotes should be used for: Articles, essays, or papers Chapters of a longer work Poems Short stories Singular episodes of a television series Songs and singles

The logo should be left-justified, not centered, and any other text should be left-aligned with the straight edge of the “Leafy B.” Refer to the Bank Street Style Manual for further guidance.

No special formatting needed (neither italics nor quotation marks) Commercial products other than media works (Cheerios) Legal or constitutional documents Scripture Software other than games (iTunes) Traditional games (Monopoly) Websites (Esquire.com, Amazon)

17


Video Standards Images and Video Electronic publications often allow for the inclusion of multimedia files, including images and video. Common considerations for producing and integrating such media include: Placement. Is the media positioned in such a way that it supports the surrounding text? Labeling: Does the text clearly indicate which image or video is relevant to what is being discussed? Simplicity. Avoid dissolves and other complex transitions, effects, and graphics, as these elements lose quality during compression and may increase file size. Image Quality. Is the subject clear, prominent, and in focus? Do the colors look natural? Audio Quality. Are the subjects’ voices clear? Are there distracting noises, such as fans, air conditioning, background conversations, etc.? Length. A good rule of thumb is to keep videos under 90 seconds. This helps to ensure that any media included is focused on an individual point of information that supports the text. File Size. Products like iBooks are downloaded onto users’ devices such as iPads, which have limited storage. The longer and more visually complex the video, the larger the file — which may discourage downloads. “When in doubt, cut it out.” In some cases, if the media is of lower quality, distracting, or in any way unclear, it may be better to go without.

and can detract from the message when used poorly. Further, videos can be time consuming and expensive to produce when staff time is calculated into the cost. Video should be used: When video is the only option to fully capture an event (onetime events and special guest speakers) or communicate a message that requires both visuals and sound When the “life” of the project is longer than 18 months To communicate to large numbers of people (i.e., several hundred, thousands) To demonstrate emotional impact, interpersonal interactions, etc. Other Considerations: Ensure that the purpose of the video is clearly presented. Content should be focused, not ambiguous or misleading. All content in the video should be crafted for its specific audience (i.e., prospective students, donors, etc.). Take into account your skill and experience in creating video content, as well as the technical resources available to you. If resources and/or time are limited, consider other options for telling your story. Promotional vs. Educational Videos Bank Street has limited internal support for video production, so projects should serve specific purposes and meet approval of the requesting party’s Dean or Division head.

Submission Requirements Those submitting content to be produced by Bank Street College should provide elements as follows: Saved in Word Heading 1 (H1) format applied to any items that should be part of the Table of Contents No page numbers Hard returns (using the return/enter key) used only to separate paragraphs No double spacing No special fonts or characters Images and videos included in a separate folder with descriptive names (child-at-desk.png instead of 0000523.png, for example) A professional cover image Copyright and attribution page Authors and contributors listed (who will appear on sales page) Which categories the book should be listed under in the Amazon, B&N, or iBook store Videos designed to represent Bank Street College and its brand must meet minimum quality standards in order to be posted to the College’s website and YouTube channel. Videos that do not follow these guidelines will not be posted.

The video’s purpose will determine its method of production. Videos for Marketing and Promotional Purposes These videos are designed specifically to promote Bank Street’s values, programs, and other offerings for the purpose of engaging prospective students and donors. They often appear on the College’s website, at fundraising or recruiting events, and in other places where those audiences may view them. Marketing and promotional videos are produced by or in conjunction with the Communications Office to support Bank Street’s communications initiatives. Submit production requests to your Dean or Division Head for review and submission to the Communications Office. In order for a marketing or promotional video to be posted on the College’s homepage and YouTube page, it must gain approval as follows: 1. From the Dean or Division Head for content approval 2. From the Communications Office for visual identity and branding review Videos for Educational Purposes Bank Street faculty often makes use of video for teaching and learning purposes. While such videos may serve the dual purpose of promoting the College, their primary purpose is to capture and share classroom experiences and other learning occasions.

Considerations First consider whether video is the right medium for the communications effort. Video is not appropriate for all projects 18


Video Standards Copyrighted Materials Be sure that photos, graphics, and music are free to use and do not carry copyright restrictions. Where restrictions apply, be sure to acquire written permissions for use. Faculty and other presenters often include copyrighted material in classes and presentations, which is acceptable for educational videos but not for promotional use.

Contact Bank Street’s office of Digital Media & Learning, housed in Information Technology, for support in developing videos for educational purposes. Guidelines and Standards The guidelines and standards below apply to those categorized as marketing or promotional videos, as described above. Video Sharing Sites All final videos should be added to the Bank Street College YouTube Channel. Do not use sites like Vimeo, your personal YouTube account, or other similar video sharing websites to host official, branded Bank Street videos.

Video and Audio Quality Sound and image quality should be consistent throughout the video. Subjects should be well-lit and clearly visible. All shots should be in focus and appropriately framed. Video should be stable, not shaky. A tripod or other stabilizer should be used. All titles and other text should be proofread for accuracy and grammar. Misspellings, typos, and poor usage are unacceptable. Graphics and animations should be professional and used to illustrate the content of the video. Bank Street branding, in accordance with the Style Manual, should be applied to logo usage, fonts, and colors.

Release Forms All actors, interviewees, and other individuals clearly visible should sign a release permitting the College to use their image and voice in video and/or audio recordings. Forms must be signed and delivered to the Communications Office for record keeping. A release form is available for download at: www.bankstreet.edu/communications/resources

19


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.