Cycle4_Standard Manual

CYCLE4 Branding Standard Manual

DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang

1

TABLE OF CONTENTS Brand

3

Logo + wordmark

4

Minimum Sizes

6

Colours

7

Font

8

Usage

9

Applications

11

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

3

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

4

With divisions’ names These 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

5

SIZE Minimum sizes for web=118 pixels for print=0.5" *for web=130 pixels

For 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 print=0.66"

*

Buffer space The 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

6

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.

Primary colours

Pantone 8423C CMYK = 57/54/51/22 RGB = 10/96/97

Pantone Orange 021 EC CMYK = 0/71/100/0 RGB = 233/85/20

Secondary colours

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

7

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

book italic:

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

GOTHAM-medium: ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

medium italic: ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

GOTHAM-bold:

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

bold italic:

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

GOTHAM-black:

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

black italic:

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang

8

USAGE Incorrect usage

Do not distort mark

Do not add or delete part of the mark

CYCLE Do not type the wordmark yourself

Do not put the mark in a containing shape

DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang

9

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

10

APPLICATIONS

Letterhead + Second sheet primary colour version

0.3"

0.5"

0.5"

0.5" 0.8" 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,

font size of the text is 8pt with 12pt line spacing

no text go further than this line

March 3, 2012 100-400 Brooksbank Avenue North Vancouver, BC Canada V7J 3S8

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

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,

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

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

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

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,

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 feugait quat ulla feummodit nos nim ver aliquat

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 quat ulla feummodit nos nim ver aliquat

Sincerely,

Sincerely,

Joe Smith Adviser

Joe Smith Adviser

tell: 604 xxx xxx fax: 604 xxx xxx e-mail: joesmith@cycle4.com

tell: 604 xxx xxx fax: 604 xxx xxx e-mail: joesmith@cycle4.com

Dear xxx,

0.7"

Letterhead

Second sheet: use it when the letter is longer than one page.

DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang

11

4 WHAT MATTERS

Letter + Business cards primary colour version

CYCLE4 Canada 100-400 Brooksbank Avenue North Vancouver, BC V7J 3S8

4 WHAT MATTERS

Joe Smith Adviser tell: 604 xxx xxx fax: 604 xxx xxx e-mail: joesmith@cycle4.com 100-400 Brooksbank Avenue North Vancouver, BC Canada V7J 3S8 4whatmatters.com

DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang

12

Letterhead + Second sheet secondary colour version

0.3"

0.5"

0.5"

0.5" 0.8" 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,

font size of the text is 8pt with 12pt line spacing

no text go further than this line

March 3, 2012 100-400 Brooksbank Avenue North Vancouver, BC Canada V7J 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, 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

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,

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

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

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

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,

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 feugait quat ulla feummodit nos nim ver aliquat

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 quat ulla feummodit nos nim ver aliquat

Sincerely,

Sincerely,

Joe Smith Adviser

Joe Smith Adviser

tell: 604 xxx xxx fax: 604 xxx xxx e-mail: joesmith@cycle4.com

tell: 604 xxx xxx fax: 604 xxx xxx e-mail: joesmith@cycle4.com

0.7"

Letterhead

Second sheet: use it when the letter is longer than one page.

DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang

13

4 WHAT MATTERS

Letter + Business cards secondary colour version

CYCLE4 Canada 100-400 Brooksbank Avenue North Vancouver, BC V7J 3S8

4 WHAT MATTERS

Joe Smith Adviser tell: 604 xxx xxx fax: 604 xxx xxx e-mail: joesmith@cycle4.com 100-400 Brooksbank Avenue North Vancouver, BC Canada V7J 3S8 4whatmatters.com

DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang

14

Postcards The samples show how marks in different colours are used in different application environment.

DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang

15

Website

DESN320 | Project Branding | Cycle 4 | Client: Hailey Yang | Designer: Lois Wang

16