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