Logo & Brand Identity Guidelines

City Cycle

Logo & Brand Identity Guidelines

City Cycle Logo & Brand Identity Guidelines

Prepared Summer 2016

by Stephanie Brady — template by The Logo Smith — Graham Smith

City Cycle

0

Logo & Brand Identity Guidelines

Contents

City Cycle

0.1 0.2 0.2.1 0.3 0.4 0.5

Logo & Brand Identity Guidelines

Logo Specifics Typeface Details Typography in Use Color Specifications Logo Styles (lock-ups) Logo Best Practices

City Cycle

0.1

Logo & Brand Identity Guidelines

Logo Specifics

City Cycle

Logo & Brand Identity Guidelines

Logo Clear Space Gray stripped area indicates Safe Zone. Other graphical and visual elements can be safely positioned up to the adjoining Blue area.

y*2

Blue indicates Clear Space.

The blue area must be kept free of all other graphical and visual elements.

y

y*2

Logo Construction w

Blue (z) indicates overall proportions for the logotype and logomark.

Green (x+y) indicates distance from center of logo to top of logomark, and logotype etc. The blue area must be kept free of all other graphical and visual elements.

Magenta indicates various item alignments and intersects (shown as circles).

w

w

x y

w z

w

Yellow/Gray (w) shows how complete logo is divided into 3 equal horizontal segments

y

x

City Cycle

0.2

Logo & Brand Identity Guidelines

Typeface Details

City Cycle

The Typeface Family

Logo & Brand Identity Guidelines

Only one font style is used for the logo: Antique Olive Regular Italic.

The Antique Olive family consists of 3 typeface widths: Regular, Regular Italic, and Bold.

The huge variety of font weights and widths will ensure immense flexibility, and consistency for the future growth of the City Cycle identity.

When to Use: Antique Olive Regular Italic is the primary font used for the logotype/logo wording.

It can also be used as the standard when stronger emphasis is needed, such as in: stationery, website design, brochures and all forms of general correspondnce.

When to Use: Myriad Pro Regular is to be used for all other forms of standard body text, ranging from: stationery, website design, brochures and all forms of general correspondence.

Myriad Pro (Reg)

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*()

City Cycle

0.2.1

Logo & Brand Identity Guidelines

Typography in Use

City Cycle

Logo & Brand Identity Guidelines

When to Use: Antique Olive Regular Italic is used for: City Cycle.

When to Use: Myriad Pro Italic is used for: the name City Cycle ONLY if Antique Olive Regular Italic is not available.

Myriad Pro (Italic)

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$^&*()

City Cycle

0.3

Logo & Brand Identity Guidelines

Color Specifications

City Cycle

Logo & Brand Identity Guidelines

Colors to use The main color used for the City Cycle logo is Pantone 485UP.

Pantone 485UP PROCESS SCREEN WEB

C1 M74 Y92 K0 R239 G104 B45 HTML #ef682d

PROCESS SCREEN WEB

C0 M97 Y87 K60 R128 G47 B45 HTML #802f2d

PROCESS SCREEN WEB

C0 M97 Y87 K60 R128 G47 B45 HTML #802f2d

PROCESS SCREEN WEB

C0 M97 Y87 K60 R128 G47 B45 HTML #802f2d

PROCESS SCREEN WEB

C0 M97 Y87 K60 R128 G47 B45 HTML #802f2d

Pantone 1794C

Pantone 166C

Pantone 152C

Pantone Cool Gray 11CP

Four other colors may be used for the logo: Pantone 1794C, Pantone 166C, Pantone 152C, and Pantone Cool Gray 11Cp.

The logo (including City Cycle) must all be the same color. Do not mix colors.

City Cycle

0.4

Logo & Brand Identity Guidelines

Logo Styles

City Cycle

Logo & Brand Identity Guidelines

Primary Full Flat Color This is the flat color version, and can be used in environments that might require a cleaner aesthetic.

Full Tone Grayscale The grayscale version can be used for higher quality, but still B/W print reproduction, where a finer halftone screen is used.

Solid Black The solid black version is only to be used for Fax, and some forms of black/white commercial printing applications, such as local newspapers etc, where course halftones screens are used.

Social Media There are 2 versions of the Social Media profile image.

Each are saved with Transparent backgrounds.

The 1st one can be used for all round & square cornered profile destinations, such as: Twitter, Facebook etc, and is placed within a container (shown as cylan & magenta keylines).

The 2nd one is for circular profile destinations, such as: Google+, Instagram etc and as such does not come inside a container.

City Cycle

0.5

Logo & Brand Identity Guidelines

Logo Best Practices

City Cycle

Do Not: Logomark To ensure your brand logo is not the victim of aesthetic vandalism, the general rule to abide by is: do not change, alter, modify any part of the logo.

Some examples of logo missuse are shown below.

Do Not: Logomark Do not resize or change the position of the logomark.

Do Not: Fonts Do not use any other font, no matter how close it might look to Antique Olive Regular Italic.

Do Not: SIzing Do not use squish or squash the logo. Any resizing must be in proportion.

Do Not: Color Do not change the colors even if they look similar. Use the official color specifications detailed in these guidelines in section 0.3.

Logo & Brand Identity Guidelines