Bank Street Style Manual

19
Bank Street Style Manual Last Revised: June 8, 2015

description

The official guide to branding, graphics, language, and more. Updated June 8. 2015.

Transcript of Bank Street Style Manual

Page 1: Bank Street Style Manual

Bank StreetStyle ManualLast Revised: June 8, 2015

Page 2: Bank Street Style Manual

2

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.

The Logo

Official Logo (Horizontal Form)

Optional Logo (Vertical Form)

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.

Logo Position and Spacing

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.

A Toolbox for Communications

BB

BB

B B

B B

6Logo Position & 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.

BB

BB

B B

B B

B B

BB

Lucy Sprague MitchellFounder

610 West 112th StreetNew York, NY [email protected]

Page 3: Bank Street Style Manual

3

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

In most cases, we would prefer the use of the original colors, but if a B&W print is required, make sure to follow these guidelines.

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

Minimal Logo Sizes

Logo in Black and White

27 px100% view

27 px

7Minimal logo sizes

0.2 in100% view

Measurement area

0.2 in 10 pt

27 px100% view

27 px

7Minimal logo sizes

0.2 in100% view

Measurement area

0.2 in 10 pt

Minimum Print Size Minumum Web Size

0.2 inches 27 pixels

8Logo in Black & White

BankstreetCollege of Education

BankstreetCollege of Education

BankstreetCollege of Education

BankstreetCollege of Education

BankstreetCollege of Education

BankstreetCollege of Education

BankstreetCollege of Education

BankstreetCollege of Education

In most cases we would prefer the use of the original colors but if a B&W print is required make sure to follow these guidelines.

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

Page 4: Bank Street Style Manual

4

Colors are an essential part of the Bank Street brand and should follow specific use patterns. The leading color for the institution is the orange red. It is used as the leading color in the graphic identity.

Bank Street offers programs that are designed for adults as well as those designed for children.

Divisions offering programs for adults such as the Graduate School and Continuing Professional Studies use olive green as the lead color.

Programs designed for children such as the School for Children and Liberty LEADS use the blue as their lead color.

These colors are also used to distinguish division logos.

Colors

9

Colors are an essential part of the Bankstreet brand and should follow specific use patterns.

The leading color for the institution is the orangy red. It is used as the leading color in the graphic identity.

Colors

BankstreetCollege of Education

College of Education

12Children Color Scheme

The Bankstreet 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 usually used best in a multi-color composition but can also function well with black.

College of Education

Children Programs

BankstreetSchool for Children

11

The Bankstreet 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 usually used best in a multi-color composition but can also function well with black.

Adults Color Scheme

College of Education

Adult Programs

BankstreetGraduate School of Education

10

The primary division between the offering of Bankstreet is Adults & Children.

Institutions offering programs for adults such as the Graduate School and Continuing Professional Studies use olive green as the lead color.

The ones offering programs for children such as the School for Children and the After School use the blue as their lead color.

This division is also used to distinguish these institutions logos.

Adults & Children Colors

College of Education

Children ProgramsAdult Programs

BankstreetSchool for Children

BankstreetGraduate School of Education

10

The primary division between the offering of Bankstreet is Adults & Children.

Institutions offering programs for adults such as the Graduate School and Continuing Professional Studies use olive green as the lead color.

The ones offering programs for children such as the School for Children and the After School use the blue as their lead color.

This division is also used to distinguish these institutions logos.

Adults & Children Colors

College of Education

Children ProgramsAdult Programs

BankstreetSchool for Children

BankstreetGraduate School of Education

10

The primary division between the offering of Bankstreet is Adults & Children.

Institutions offering programs for adults such as the Graduate School and Continuing Professional Studies use olive green as the lead color.

The ones offering programs for children such as the School for Children and the After School use the blue as their lead color.

This division is also used to distinguish these institutions logos.

Adults & Children Colors

College of Education

Children ProgramsAdult Programs

BankstreetSchool for Children

BankstreetGraduate School of Education

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.

Secondary Colors

Page 5: Bank Street Style Manual

5

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.

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

Spot and Process Color Values (Print)

13

The color tones we use are particular and should be followed precisely. This page presents the exact color values for either spot or full process print production.

Using spot colors would achieve better color fidelity and is especially recommended for graphics only prints.

Spot & Process Color Values

Children Programs

C85 M66 Y1 K0PANTONE 2925 C

College of Education

C0 M84 Y88 K0PANTONE 1788 C

C53 M2 Y100 K0PANTONE 375 C

C76 M15 Y49 K0PANTONE 3262 C

Adult Programs

C37 M35 Y100 K6PANTONE 457 C

C0 M29 Y100 K0PANTONE 116 C

C44 M34 Y50 K0PANTONE 437 C

13

The color tones we use are particular and should be followed precisely. This page presents the exact color values for either spot or full process print production.

Using spot colors would achieve better color fidelity and is especially recommended for graphics only prints.

Spot & Process Color Values

Children Programs

C85 M66 Y1 K0PANTONE 2925 C

College of Education

C0 M84 Y88 K0PANTONE 1788 C

C53 M2 Y100 K0PANTONE 375 C

C76 M15 Y49 K0PANTONE 3262 C

Adult Programs

C37 M35 Y100 K6PANTONE 457 C

C0 M29 Y100 K0PANTONE 116 C

C44 M34 Y50 K0PANTONE 437 C

13

The color tones we use are particular and should be followed precisely. This page presents the exact color values for either spot or full process print production.

Using spot colors would achieve better color fidelity and is especially recommended for graphics only prints.

Spot & Process Color Values

Children Programs

C85 M66 Y1 K0PANTONE 2925 C

College of Education

C0 M84 Y88 K0PANTONE 1788 C

C53 M2 Y100 K0PANTONE 375 C

C76 M15 Y49 K0PANTONE 3262 C

Adult Programs

C37 M35 Y100 K6PANTONE 457 C

C0 M29 Y100 K0PANTONE 116 C

C44 M34 Y50 K0PANTONE 437 C

13

The color tones we use are particular and should be followed precisely. This page presents the exact color values for either spot or full process print production.

Using spot colors would achieve better color fidelity and is especially recommended for graphics only prints.

Spot & Process Color Values

Children Programs

C85 M66 Y1 K0PANTONE 2925 C

College of Education

C0 M84 Y88 K0PANTONE 1788 C

C53 M2 Y100 K0PANTONE 375 C

C76 M15 Y49 K0PANTONE 3262 C

Adult Programs

C37 M35 Y100 K6PANTONE 457 C

C0 M29 Y100 K0PANTONE 116 C

C44 M34 Y50 K0PANTONE 437 C

For web and screen based publications, use the RGB hex values. For emphasis and distinction, we also add 5 tones of gray to the web color pallete.

Screen Color Values (Web)

14

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

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

Screen Color Values

College of Education Children ProgramsAdult Programs

#3662acv#f05033

#b2b2b4

#86c140

#ebebeb

#2fa393#a39333

#393B3C

#feba12

#656669

#915f58

#939598

Page 6: Bank Street Style Manual

6

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”.

The 7 wordmarks that appear here have been treated individually to adjust for letter by letter kerning. Other future wordmarks might require a similar treatment by a designer.

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

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

Wordmarks

Negative Logo Usage

15

Wordmarks are logo variations for the individual institutions.

Adult institutions use the olive green for their wordmarks and children institutions use blue. Bankstreet institutions that do not fall on a single one side of this divide use the Bankstreet red. Such institutions might be the Bankstreet library for example.

All of these logos use 90% black for the word "Bankstreet".

The 7 wordmarks that appear here have been treated individually to adjust for letter by letter kerning. Other future wordmarks might require a similar treatment by a designer.

Wordmarks

BankstreetGraduate School of Education

BankstreetContinuing Professional Studies

BankstreetOnline Education

BankstreetSchool for Children

BankstreetFamily Center Childcare

BankstreetLiberty Leads

15

Wordmarks are logo variations for the individual institutions.

Adult institutions use the olive green for their wordmarks and children institutions use blue. Bankstreet institutions that do not fall on a single one side of this divide use the Bankstreet red. Such institutions might be the Bankstreet library for example.

All of these logos use 90% black for the word "Bankstreet".

The 7 wordmarks that appear here have been treated individually to adjust for letter by letter kerning. Other future wordmarks might require a similar treatment by a designer.

Wordmarks

BankstreetGraduate School of Education

BankstreetContinuing Professional Studies

BankstreetOnline Education

BankstreetSchool for Children

BankstreetFamily Center Childcare

BankstreetLiberty Leads

15

Wordmarks are logo variations for the individual institutions.

Adult institutions use the olive green for their wordmarks and children institutions use blue. Bankstreet institutions that do not fall on a single one side of this divide use the Bankstreet red. Such institutions might be the Bankstreet library for example.

All of these logos use 90% black for the word "Bankstreet".

The 7 wordmarks that appear here have been treated individually to adjust for letter by letter kerning. Other future wordmarks might require a similar treatment by a designer.

Wordmarks

BankstreetGraduate School of Education

BankstreetContinuing Professional Studies

BankstreetOnline Education

BankstreetSchool for Children

BankstreetFamily Center Childcare

BankstreetLiberty Leads

15

Wordmarks are logo variations for the individual institutions.

Adult institutions use the olive green for their wordmarks and children institutions use blue. Bankstreet institutions that do not fall on a single one side of this divide use the Bankstreet red. Such institutions might be the Bankstreet library for example.

All of these logos use 90% black for the word "Bankstreet".

The 7 wordmarks that appear here have been treated individually to adjust for letter by letter kerning. Other future wordmarks might require a similar treatment by a designer.

Wordmarks

BankstreetGraduate School of Education

BankstreetContinuing Professional Studies

BankstreetOnline Education

BankstreetSchool for Children

BankstreetFamily Center Childcare

BankstreetLiberty Leads

15

Wordmarks are logo variations for the individual institutions.

Adult institutions use the olive green for their wordmarks and children institutions use blue. Bankstreet institutions that do not fall on a single one side of this divide use the Bankstreet red. Such institutions might be the Bankstreet library for example.

All of these logos use 90% black for the word "Bankstreet".

The 7 wordmarks that appear here have been treated individually to adjust for letter by letter kerning. Other future wordmarks might require a similar treatment by a designer.

Wordmarks

BankstreetGraduate School of Education

BankstreetContinuing Professional Studies

BankstreetOnline Education

BankstreetSchool for Children

BankstreetFamily Center Childcare

BankstreetLiberty Leads

Page 7: Bank Street Style Manual

7

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…

Logo Do’s and Don’ts

17

There are many ways to misuse the logo, we came up with 12 examples, we're sure you could come up with more.

But try not to…

;)

Logo's Do's and Don'ts

BankstreetCollege of Education

BankstreetCollege of EducationBank Street

Page 8: Bank Street Style Manual

8

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

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.

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.

Since it is less readable on the screen, the light weight was omitted from usage on the website: Bankstreet.edu

The 4 weights are separated between two fonts:

Light: Auto 1 lt - RegularRegular: Auto 1 -RegularBold: Auto 1 lt - BoldBlack: Auto 1 - Bold

Wordmark Typography

Lead Identity Font

18

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

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.

Wordmark Typography

ITC Officina Serif Book (16pt.)

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefgh ijklmnopqrstuvwxyz1234567890 ! "§$%&/() =?@ €

18

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

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.

Wordmark Typography

ITC Officina Serif Book (16pt.)

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefgh ijklmnopqrstuvwxyz1234567890 ! "§$%&/() =?@ €

19

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*.

The 4 weights are separated between two fonts:

Light: Auto 1 lt - RegularRegular: Auto 1 -RegularBold: Auto 1 lt - BoldBlack: Auto 1 - Bold

* Since it is less readable on the screen the light weight was omitted from usage on the website: Bankstreet.edu

Lead Identity font

Auto 1 Lt - Regular A B CD EF GHI JK LMN OP QR S T U V W X Y Za b cde fg hijk l mnop qr s tu v w x y z12 3 456789 0 !"§ $ % &/( ) =?@ €

Auto 1 - Regular A B CD EFGHI J K LM N O P QR S T U V W X Y Za b cde fg hijklmnop qr s tu v w x y z123 456789 0 !"§ $% &/( ) =?@ €

Auto 1 Lt - Bold A B C D EFG HIJ K LM N O P QR S T U V W X Y Za bcde fg hijklmnop qr s tu v w x y z1 23 45 6789 0 !"§$% &/( ) =?@ €

Auto 1 - Bold A BC D E FG H IJ K LM N O P QR S T U V W X Y Zabcdefghijklmnopqrstu v w x y z1 23 45 678 9 0 !"§$%& /() =?@€

Auto 1 Lt - Italic A B CDEF GHI JK L MN OP QR S T U V W X Y Zab c def g hi jk lmnop qr s t uv w x y z123 4567 89 0 !"§ $%&/( ) =?@ €

Auto 1 - Italic A B CDEF GHI J K L MN OP QR S T U V W X Y Zab c de f g hi jk lmnopqr s t u v w x y z123 4567 89 0 !"§ $%&/( ) =?@ €

Auto 1 Lt - Bold Italic A B CDEF GHI J K L MN OP QR S T U V W X Y Zab c de f g hi jk lmnopqr s t u v w x y z123 4567 89 0 !"§ $%&/( ) =?@ €

Auto 1 - Bold Italic A BCDE FGHI J K L MN O P Q R S T U V W X Y Zabcde f ghijk lmn opqr s t u v w x yz1 23 4 5 67 8 9 0 ! "§$%&/( ) =?@ €

Auto 1 & Auto 1 Lt 19

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*.

The 4 weights are separated between two fonts:

Light: Auto 1 lt - RegularRegular: Auto 1 -RegularBold: Auto 1 lt - BoldBlack: Auto 1 - Bold

* Since it is less readable on the screen the light weight was omitted from usage on the website: Bankstreet.edu

Lead Identity font

Auto 1 Lt - Regular A B CD EF GHI JK LMN OP QR S T U V W X Y Za b cde fg hijk l mnop qr s tu v w x y z12 3 456789 0 !"§ $ % &/( ) =?@ €

Auto 1 - Regular A B CD EFGHI J K LM N O P QR S T U V W X Y Za b cde fg hijklmnop qr s tu v w x y z123 456789 0 !"§ $% &/( ) =?@ €

Auto 1 Lt - Bold A B C D EFG HIJ K LM N O P QR S T U V W X Y Za bcde fg hijklmnop qr s tu v w x y z1 23 45 6789 0 !"§$% &/( ) =?@ €

Auto 1 - Bold A BC D E FG H IJ K LM N O P QR S T U V W X Y Zabcdefghijklmnopqrstu v w x y z1 23 45 678 9 0 !"§$%& /() =?@€

Auto 1 Lt - Italic A B CDEF GHI JK L MN OP QR S T U V W X Y Zab c def g hi jk lmnop qr s t uv w x y z123 4567 89 0 !"§ $%&/( ) =?@ €

Auto 1 - Italic A B CDEF GHI J K L MN OP QR S T U V W X Y Zab c de f g hi jk lmnopqr s t u v w x y z123 4567 89 0 !"§ $%&/( ) =?@ €

Auto 1 Lt - Bold Italic A B CDEF GHI J K L MN OP QR S T U V W X Y Zab c de f g hi jk lmnopqr s t u v w x y z123 4567 89 0 !"§ $%&/( ) =?@ €

Auto 1 - Bold Italic A BCDE FGHI J K L MN O P Q R S T U V W X Y Zabcde f ghijk lmn opqr s t u v w x yz1 23 4 5 67 8 9 0 ! "§$%&/( ) =?@ €

Auto 1 & Auto 1 Lt

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxvz1234567890 !"§$%&/()=?@€

Page 9: Bank Street Style Manual

9

A unique feature of the Auto family is the addition of two alternate italics. The italics of Auto 2 & Auto 3 can be used

for headings and for emphasis. They add a playful tone while maintaining the original typographic DNA inherited from Auto 1.

Auto 1 also features small caps options that can be used when a wider typographic variety is required.

Additional Italics

Additional Small Caps

20

The unique feature of the Auto family is the two additional playful italics. The italics of Auto 2 & Auto 3 can be used for headings and for emphasis. They add a playful tone while maintaining the original typographic DNA inherited from Auto 1.

Additional Italics

Auto 2 - Italic & Auto 2 Lt - Italic

Auto 3 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Italic & Auto 3 Lt - Italic

20

The unique feature of the Auto family is the two additional playful italics. The italics of Auto 2 & Auto 3 can be used for headings and for emphasis. They add a playful tone while maintaining the original typographic DNA inherited from Auto 1.

Additional Italics

Auto 2 - Italic & Auto 2 Lt - Italic

Auto 3 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Italic & Auto 3 Lt - Italic

20

The unique feature of the Auto family is the two additional playful italics. The italics of Auto 2 & Auto 3 can be used for headings and for emphasis. They add a playful tone while maintaining the original typographic DNA inherited from Auto 1.

Additional Italics

Auto 2 - Italic & Auto 2 Lt - Italic

Auto 3 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Italic & Auto 3 Lt - Italic

20

The unique feature of the Auto family is the two additional playful italics. The italics of Auto 2 & Auto 3 can be used for headings and for emphasis. They add a playful tone while maintaining the original typographic DNA inherited from Auto 1.

Additional Italics

Auto 2 - Italic & Auto 2 Lt - Italic

Auto 3 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Italic & Auto 3 Lt - Italic

20

The unique feature of the Auto family is the two additional playful italics. The italics of Auto 2 & Auto 3 can be used for headings and for emphasis. They add a playful tone while maintaining the original typographic DNA inherited from Auto 1.

Additional Italics

Auto 2 - Italic & Auto 2 Lt - Italic

Auto 3 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Italic & Auto 3 Lt - Italic

20

The unique feature of the Auto family is the two additional playful italics. The italics of Auto 2 & Auto 3 can be used for headings and for emphasis. They add a playful tone while maintaining the original typographic DNA inherited from Auto 1.

Additional Italics

Auto 2 - Italic & Auto 2 Lt - Italic

Auto 3 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Italic & Auto 3 Lt - Italic

20

The unique feature of the Auto family is the two additional playful italics. The italics of Auto 2 & Auto 3 can be used for headings and for emphasis. They add a playful tone while maintaining the original typographic DNA inherited from Auto 1.

Additional Italics

Auto 2 - Italic & Auto 2 Lt - Italic

Auto 3 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Italic & Auto 3 Lt - Italic

20

The unique feature of the Auto family is the two additional playful italics. The italics of Auto 2 & Auto 3 can be used for headings and for emphasis. They add a playful tone while maintaining the original typographic DNA inherited from Auto 1.

Additional Italics

Auto 2 - Italic & Auto 2 Lt - Italic

Auto 3 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Italic & Auto 3 Lt - Italic

20

The unique feature of the Auto family is the two additional playful italics. The italics of Auto 2 & Auto 3 can be used for headings and for emphasis. They add a playful tone while maintaining the original typographic DNA inherited from Auto 1.

Additional Italics

Auto 2 - Italic & Auto 2 Lt - Italic

Auto 3 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Italic & Auto 3 Lt - Italic

20

The unique feature of the Auto family is the two additional playful italics. The italics of Auto 2 & Auto 3 can be used for headings and for emphasis. They add a playful tone while maintaining the original typographic DNA inherited from Auto 1.

Additional Italics

Auto 2 - Italic & Auto 2 Lt - Italic

Auto 3 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - ItalicABCDEFGHIJKLMNOPQRST UVWX YZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 Lt - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 2 - Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890 !"§$%&/()=?@€

Auto 3 - Italic & Auto 3 Lt - Italic

21

Auto 1 also features a small caps weight that can be used when a wider typographic variety is required.

Additional Small Caps

Auto 1 Lt SmCp - RegularABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 SmCp - RegularABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 Lt SmCp - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp & Auto 1 LtSmCp

Auto 1 SmCp - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 SmCp - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 LtSmCp - Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp - Bold Italic

abcdefghijklmnopqrstuvwxyz

1234567890 !"§$%&/()=?@€

21

Auto 1 also features a small caps weight that can be used when a wider typographic variety is required.

Additional Small Caps

Auto 1 Lt SmCp - RegularABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 SmCp - RegularABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 Lt SmCp - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp & Auto 1 LtSmCp

Auto 1 SmCp - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 SmCp - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 LtSmCp - Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp - Bold Italic

abcdefghijklmnopqrstuvwxyz

1234567890 !"§$%&/()=?@€

21

Auto 1 also features a small caps weight that can be used when a wider typographic variety is required.

Additional Small Caps

Auto 1 Lt SmCp - RegularABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 SmCp - RegularABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 Lt SmCp - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp & Auto 1 LtSmCp

Auto 1 SmCp - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 SmCp - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 LtSmCp - Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp - Bold Italic

abcdefghijklmnopqrstuvwxyz

1234567890 !"§$%&/()=?@€

21

Auto 1 also features a small caps weight that can be used when a wider typographic variety is required.

Additional Small Caps

Auto 1 Lt SmCp - RegularABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 SmCp - RegularABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 Lt SmCp - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp & Auto 1 LtSmCp

Auto 1 SmCp - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 SmCp - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 LtSmCp - Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp - Bold Italic

abcdefghijklmnopqrstuvwxyz

1234567890 !"§$%&/()=?@€

21

Auto 1 also features a small caps weight that can be used when a wider typographic variety is required.

Additional Small Caps

Auto 1 Lt SmCp - RegularABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 SmCp - RegularABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 Lt SmCp - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp & Auto 1 LtSmCp

Auto 1 SmCp - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 SmCp - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 LtSmCp - Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp - Bold Italic

abcdefghijklmnopqrstuvwxyz

1234567890 !"§$%&/()=?@€

21

Auto 1 also features a small caps weight that can be used when a wider typographic variety is required.

Additional Small Caps

Auto 1 Lt SmCp - RegularABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 SmCp - RegularABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 Lt SmCp - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp & Auto 1 LtSmCp

Auto 1 SmCp - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 SmCp - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 LtSmCp - Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp - Bold Italic

abcdefghijklmnopqrstuvwxyz

1234567890 !"§$%&/()=?@€

21

Auto 1 also features a small caps weight that can be used when a wider typographic variety is required.

Additional Small Caps

Auto 1 Lt SmCp - RegularABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 SmCp - RegularABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 Lt SmCp - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp & Auto 1 LtSmCp

Auto 1 SmCp - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 SmCp - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 LtSmCp - Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp - Bold Italic

abcdefghijklmnopqrstuvwxyz

1234567890 !"§$%&/()=?@€

21

Auto 1 also features a small caps weight that can be used when a wider typographic variety is required.

Additional Small Caps

Auto 1 Lt SmCp - RegularABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 SmCp - RegularABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 Lt SmCp - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp & Auto 1 LtSmCp

Auto 1 SmCp - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 SmCp - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 LtSmCp - Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp - Bold Italic

abcdefghijklmnopqrstuvwxyz

1234567890 !"§$%&/()=?@€

21

Auto 1 also features a small caps weight that can be used when a wider typographic variety is required.

Additional Small Caps

Auto 1 Lt SmCp - RegularABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 SmCp - RegularABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 Lt SmCp - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp & Auto 1 LtSmCp

Auto 1 SmCp - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 SmCp - ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !"§$%&/()=?@€

Auto 1 LtSmCp - Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890 !"§$%&/()=?@€

Auto 1 SmCp - Bold Italic

abcdefghijklmnopqrstuvwxyz

1234567890 !"§$%&/()=?@€

Auto 1 lt smcp - italicabcdefghijklmnopqrstuvwxvz1234567890 !"§$%&/()=?@€

Page 10: Bank Street Style Manual

10

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).

Stationery

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

Bank StreetCollege of Education

610 West 112th StreetNew York, NY 10025bankstreet.edu610 West 112th Street

New York, NY 10025bankstreet.edu

Page 11: Bank Street Style Manual

11

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.

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

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.

Use of Original Photography

22

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, Bankstreet 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.

The focus on children and academics working together is possibly the most important staple of the brand. It is emphasized in the logo and throughout the graphic identity. The photography should complete the picture and provide the evidence for this integrated Bankstreet experience.

Most of the photography should be done internally and a growing indexed database of photoes should be maintained and available for use. The photographer should try to capture the brand's values, but not over-do it by shooting clean & controlled images.

Try focusing on photos that could not have been taken anywhere else.

Use of Original Photography

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

A Frustrated kid, working alone - the Exact opposite of what Bankstreet stands for

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

Even real situations can look fake by over-directing and over-cleaning a shoot

22

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, Bankstreet 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.

The focus on children and academics working together is possibly the most important staple of the brand. It is emphasized in the logo and throughout the graphic identity. The photography should complete the picture and provide the evidence for this integrated Bankstreet experience.

Most of the photography should be done internally and a growing indexed database of photoes should be maintained and available for use. The photographer should try to capture the brand's values, but not over-do it by shooting clean & controlled images.

Try focusing on photos that could not have been taken anywhere else.

Use of Original Photography

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

A Frustrated kid, working alone - the Exact opposite of what Bankstreet stands for

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

Even real situations can look fake by over-directing and over-cleaning a shoot

Page 12: Bank Street Style Manual

12

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 way to do this is to provide the short link to the image.

Use of Stock Photography

23

When the right photo cannot be found or produced internally using stock photography makes 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 in Bankstreet.

Flickr.com would be a better source for these type of images than most image bank companies would. In Flickr try searching for Creative Commons licensed images (available through the advanced search). When you use an image you would often be required to give credit. The simplest way to do that would be to provide the short link to the image.

Use of Stock Photography

Warm, Experimental, Colorful, Casual, Fun, active

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)

Same concept but Cold, Controled, directed, clean

cb http://flic.kr/p/4m3LHe

Page 13: Bank Street Style Manual

13

General Guidelines

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.)

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.

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.

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.

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

Online Resources

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

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

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

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

Terminology: Bank Street & Education

Aacronyms: 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.

after school: Two separate words. Do not hyphenate.

advisor: Not “adviser.” Lowercase.

BBank 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.

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.

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.

CChildren’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.

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.

coursework: One word.

Ddegrees: 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 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.

Web Content Style Guide

Page 14: Bank Street Style Manual

14

EESL: 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.Ffieldwork: One word.

GGPA: 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.

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

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

KKerlin 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.

NNew 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).

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

Pproper 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.”

RRegistrar: 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.

Ssupervised 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.

Terminology: General

Aampersand (&): 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.

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

Bbilingual: 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.”)

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.

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

Ddates: 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.”

Web Content Style Guide

Page 15: Bank Street Style Manual

15

Ee.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.”

email: No hyphen, one word, lowercase.

Ffile 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.

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.

HHeadlines: 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.

A good headline is clear, concise, and informative.

Ii.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.”

Internet: Always capitalize.

Mmulticultural: One word, no hyphen.

multifaceted: One word, no hyphen.

multimedia: One word, no hyphen.

Nnumbers: 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

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

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

punctuation: See below for tips on proper punctuation usage.

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

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.

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.

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 (“re-emerge”)

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

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.

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”).

Web Content Style Guide

Page 16: Bank Street Style Manual

16

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.”

Qquotes: 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.

RRSVP: No periods needed.

SSEO: 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.

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

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/

Ttitles: 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.”

toward: Not “towards.”

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

UUnited 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.” Vvideo: Videos should have complete caption information. See entries for “captions” and “photographs.”

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

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

Web Content Style Guide

Page 17: Bank Street Style Manual

17

Plagiarism

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/

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

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

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)

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

Producers of electronic publications should refer to the Bank Street Style Manual for language usage specific to Bank Street programs and education.

FontsTo accommodate various eReader devices, as well as user preferences, stick to a universally-available font, sized at 11-12 points.

Sans-serif Options: Serif Options:Verdana GaramondCalibri Times New Roman

CitationsRefer 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 UsageFor 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.

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.

Electronic Publications

Page 18: Bank Street Style Manual

18

Images and VideoElectronic 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.

Submission RequirementsThose 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 storeVideos 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.

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

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 (one-

time 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 VideosBank 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.

The video’s purpose will determine its method of production.

Videos for Marketing and Promotional PurposesThese 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 approval2. From the Communications Office for visual identity and

branding review

Videos for Educational PurposesBank 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.

Video Standards

Page 19: Bank Street Style Manual

19

Video Standards

Contact Bank Street’s office of Digital Media & Learning, housed in Information Technology, for support in developing videos for educational purposes.

Guidelines and StandardsThe guidelines and standards below apply to those categorized as marketing or promotional videos, as described above.

Video Sharing SitesAll 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.

Release FormsAll 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

Copyrighted MaterialsBe 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.

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.