cycle4_standard manual
DESCRIPTION
Cycle4 brand bookTRANSCRIPT
DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang 1
CYCLE4 Branding Standard Manual
TABLE OF CONTENTS
Brand
Logo + wordmark
Minimum Sizes
Colours
Font
Usage
Applications
3
4
6
7
8
9
11
DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang 3
BRAND
The CYCLE 4 Foundation believes in supporting what matters to individuals, and helps
people make a difference for causes they care deeply about.
CYCLE 4 works with organizations and groups to create fun and easy cycling programs.
These programs empower individuals to raise awareness and funds for a cause that
matters to them, while promoting health, wellness, and leadership. The organization focus
primarily on cycling events, though our CYCLE4 division (CYCLE4).
This re-branding project aims to enhance the senses of connection and community in
the organization.
DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang 4
LOGO + WORDMARK
The logo and wordmark are combined as a whole to represent the organization’s identity.
The 4 is drawn in one stroke to represent “connection”, and the large size of it emphasizes
on the notion of “cycling for your cause”. Also the round shape of the 4 mimics the outline
of a bike wheel and a helmet as well. The typeface in the mark is Gotham, which is a
geometric sans-serif typeface that matches the geometric element in the 4.
*on black background
DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang 5
With divisions’ namesThese additional versions are designed to be used, when the names of three divisions need to be placed with the logo+wordmark.
*on black background
DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang 6
SIZE
Minimum sizesFor print application, the mark should appear no smaller than 1/2 inch in height (from the top to the bottom). For web application, the minimum size is 118 pixels.
*minimum size of mark with divisions’ names.
for web=118 pixels
for print=0.5"
*for web=130 pixels
for print=0.66"
Buffer spaceThe space around the mark is no less than the height of the words “CYCLE”.
*
DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang 7
COLOURS
Primary colours
Secondary colours
Colours are selected from Pantone Matching System ® (PMS)*. Colours are also shown
with a CMYK breakdown for four-colour printing and an RGB breakdown for electronic
media or web use. The colour can be chosen according to the application environment.
Pantone 8423C
CMYK = 57/54/51/22
RGB = 10/96/97
Pantone Orange 021 EC
CMYK = 0/71/100/0
RGB = 233/85/20
Pantone 8420C
CMYK = 45/42/38/3
RGB = 146/139/141
Pantone 320 EC
CMYK = 100/0/30/2
RGB = 0/153/170
DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang 8
FONT
The font that used in the logo + wordmark is Gotham. Gotham is a geometric sans-serif
typeface designed by Tobias Frere-Jones in 2000 in Hoefler & Frere-Jones Foundry. This
font family comes in eight weights with accompanying italics. The following are four
weights used in this branding.
GOTHAM-book: ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
GOTHAM-medium: ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
GOTHAM-bold: ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
GOTHAM-black: ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
book italic: ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
medium italic: ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
bold italic: ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
black italic: ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang 9
Incorrect usage
Do not distort mark
Do not type the wordmark yourself
Do not add or delete part of the mark
Do not put the mark in a containing shape
CYCLE
USAGE
DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang 10
On backgrounds
Do not put mark on a textured background
Do not put mark on a background with similiar colour
DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang 11
APPLICATIONS
March 3, 2012
100-400 Brooksbank AvenueNorth Vancouver, BC CanadaV7J 3S8
Dear xxx,
In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, sisci te feugait odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl
alit eu faccum ver augait adit ipit luptat, sequat acidunt verit wisl inisi tationsenit etuercidunt eu guer inim vullaor aut lutet,
volorpe riusto dolessi.In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, sisci te feugait odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat
alisissit dolut ut et ulla alit adit ing erosto dolenis eu facing euipit prat num iusto elit lan er acidunt equatio nullamc onulluptat at. odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit
volorpe riusto dolessi.In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait,odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, quat ulla feummodit nos nim ver aliquat
alisissit dolut ut et ulla alit adit ing erosto dolenis eu facing euipit prat num iusto elit lan er acidunt equatio nullamc onulluptat at. odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait,
volorpe riusto dolessi.In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, sisci te feugaitquat ulla feummodit nos nim ver aliquat
Sincerely,
Joe SmithAdviser
tell: 604 xxx xxx fax: 604 xxx xxxe-mail: [email protected]
In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, sisci te feugait odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl
alit eu faccum ver augait adit ipit luptat, sequat acidunt verit wisl inisi tationsenit etuercidunt eu guer inim vullaor aut lutet,
In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, sisci te feugait odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl
alit eu faccum ver augait adit ipit luptat, sequat acidunt verit wisl inisi tationsenit etuercidunt eu guer inim vullaor aut lutet,In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, sisci te feugait odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl
alit eu faccum ver augait adit ipit luptat, sequat acidunt verit wisl inisi tationsenit etuercidunt eu guer inim vullaor aut lutet,In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, sisci te feugait odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl
alit eu faccum ver augait adit ipit luptat, sequat acidunt verit wisl inisi tationsenit etuercidunt eu guer inim vullaor aut lutet,
volorpe riusto dolessi.In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, sisci te feugait odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat
alisissit dolut ut et ulla alit adit ing erosto dolenis eu facing euipit prat num iusto elit lan er acidunt equatio nullamc onulluptat at. odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit
volorpe riusto dolessi.In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait,odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, quat ulla feummodit nos nim ver aliquat
alisissit dolut ut et ulla alit adit ing erosto dolenis eu facing euipit prat num iusto elit lan er acidunt equatio nullamc onulluptat at. odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait,
volorpe riusto dolessi.In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, sisci te feugaitquat ulla feummodit nos nim ver aliquat
Sincerely,
Joe SmithAdviser
tell: 604 xxx xxx fax: 604 xxx xxxe-mail: [email protected]
0.8"
0.7"
no text go further than this line
font size of the text is 8pt with 12pt line spacing
0.3" 0.5"
0.5"
Letterhead Second sheet: use it when the letter is longer than one page.
0.5"
Letterhead + Second sheetprimary colour version
DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang 12
Letter + Business cardsprimary colour version
4 WHAT MATTERS
CYCLE4 Canada100-400 Brooksbank AvenueNorth Vancouver, BC V7J 3S8
4 WHAT MATTERS
Joe SmithAdviser
tell: 604 xxx xxx fax: 604 xxx xxxe-mail: [email protected]
100-400 Brooksbank AvenueNorth Vancouver, BC CanadaV7J 3S84whatmatters.com
DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang 13
In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, sisci te feugait odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl
alit eu faccum ver augait adit ipit luptat, sequat acidunt verit wisl inisi tationsenit etuercidunt eu guer inim vullaor aut lutet,
In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, sisci te feugait odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl
alit eu faccum ver augait adit ipit luptat, sequat acidunt verit wisl inisi tationsenit etuercidunt eu guer inim vullaor aut lutet,In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, sisci te feugait odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl
alit eu faccum ver augait adit ipit luptat, sequat acidunt verit wisl inisi tationsenit etuercidunt eu guer inim vullaor aut lutet,In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, sisci te feugait odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl
alit eu faccum ver augait adit ipit luptat, sequat acidunt verit wisl inisi tationsenit etuercidunt eu guer inim vullaor aut lutet,
volorpe riusto dolessi.In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, sisci te feugait odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat
alisissit dolut ut et ulla alit adit ing erosto dolenis eu facing euipit prat num iusto elit lan er acidunt equatio nullamc onulluptat at. odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit
volorpe riusto dolessi.In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait,odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, quat ulla feummodit nos nim ver aliquat
alisissit dolut ut et ulla alit adit ing erosto dolenis eu facing euipit prat num iusto elit lan er acidunt equatio nullamc onulluptat at. odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait,
volorpe riusto dolessi.In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, sisci te feugaitquat ulla feummodit nos nim ver aliquat
Sincerely,
Joe SmithAdviser
tell: 604 xxx xxx fax: 604 xxx xxxe-mail: [email protected]
0.8"
0.7"
no text go further than this line
font size of the text is 8pt with 12pt line spacing
0.3" 0.5"
0.5"
Letterhead Second sheet: use it when the letter is longer than one page.
0.5"
Letterhead + Second sheetsecondary colour version
March 3, 2012
100-400 Brooksbank AvenueNorth Vancouver, BC CanadaV7J 3S8
Dear xxx,
In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, sisci te feugait odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl
alit eu faccum ver augait adit ipit luptat, sequat acidunt verit wisl inisi tationsenit etuercidunt eu guer inim vullaor aut lutet,
volorpe riusto dolessi.In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, sisci te feugait odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat
alisissit dolut ut et ulla alit adit ing erosto dolenis eu facing euipit prat num iusto elit lan er acidunt equatio nullamc onulluptat at. odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit
volorpe riusto dolessi.In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait,odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, quat ulla feummodit nos nim ver aliquat
alisissit dolut ut et ulla alit adit ing erosto dolenis eu facing euipit prat num iusto elit lan er acidunt equatio nullamc onulluptat at. odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait,
volorpe riusto dolessi.In ver sequat alit do odio ex et aliquat lor sim vel duisit amet velit ing er iurer ad tat volore faciliquisl erit augait, sisci te feugaitquat ulla feummodit nos nim ver aliquat
Sincerely,
Joe SmithAdviser
tell: 604 xxx xxx fax: 604 xxx xxxe-mail: [email protected]
DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang 14
Letter + Business cardssecondary colour version
4 WHAT MATTERS
CYCLE4 Canada100-400 Brooksbank AvenueNorth Vancouver, BC V7J 3S8
4 WHAT MATTERS
Joe SmithAdviser
tell: 604 xxx xxx fax: 604 xxx xxxe-mail: [email protected]
100-400 Brooksbank AvenueNorth Vancouver, BC CanadaV7J 3S84whatmatters.com
DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang 15
PostcardsThe samples show how marks in different colours are used in different application environment.
DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang 16
Website