emmachengdesign cis

31
Corporate Identity Guidelines

Upload: emma-cheng

Post on 09-Mar-2016

226 views

Category:

Documents


3 download

DESCRIPTION

emmachengdesign cis

TRANSCRIPT

Page 1: emmachengdesign cis

Corporate Identity Guidelines

Page 2: emmachengdesign cis
Page 3: emmachengdesign cis

IndexABasic Design ElementsA 01 �e EmmaChengDesign LogoA 02 Minimum Size, Minimum Staging AreaA 03 TypographyA 04 Corporate Colors

BBasic Design SystemB 01 �e EmmaChengDesign Logo and Company NameB 02 �e EmmaChengDesign Logo and Contact Information

CApplicationsC 01 VI ElementsC 02 Applications

EmmaChengDesignTwain, R.O.C+886-921-085-468www.emmachengdesign.orgemmachengdesign@gmail.com

Page 4: emmachengdesign cis

A Basic Design ElementsSection A

Page 5: emmachengdesign cis

A Basic Design ElementsA 01 �e EmmaChengDesign LogoA01.01 Alphabet Logo, Standard and GridA01.02 Alphabet Logo Outline �ickness RatioA01.03 Alphabet Logo Outline Small Size �ickness RatioA01.04 Alphabet Logo Outline Online Size �ickness RatioA01.05 Alphabet Logo Outline CD Size �ickness RatioA01.06 Incorrect logo use, Alphabet Logo

EmmaChengDesign

A 02 Minimum Size, Minimum Staging AreaA02.01 Recommended Minimum Size and Minimum Staging AreaA02.02 Registered and Trade Mark Placement, Alphabet

A 03 TypographyA03.01 Corporate Typeface, AlphabetA03.02 Electronic Substitute Typeface, AlphabetA03.03 Corporate Typeface, Chinese

A 04 Corporate ColorsA04.01 Corporate Colors

Page 6: emmachengdesign cis

A 01.01 Basic Design ElementsAlphabet Logo, Standard and Grid

�e EmmaChengDesign Logo: Alphabet�is is the only permitted format ofthe alphabet version of the EmmaChengDesign logo.It must never be altered in shape.ie It must never be traced, redrawnor made up of typesetting.

�e Grid Scale�e grid scale is only used when precisemeans of reproduction are not availableusing professional reproduction equipment.

Page 7: emmachengdesign cis

A 01.02 Basic Design ElementsAlphabet Logo Outline �ickness Ratio

Outline �ickness Ratio�e outline thickness ratio is only used when precise means of reproduction are not available using professional reproduction equipment.

In General,�e outline of ‘Cheng’ is 200% thicker then ‘Emma’ and ‘Design’.

200% thicker then ‘Emma’ and ‘Design’

Page 8: emmachengdesign cis

A 01.03 Basic Design ElementsAlphabet Logo Outline �ickness Ratio

Small Size �ickness Ratio�e outline thickness ratio is only used when precise means of reproduction are not available using professional reproduction equipment.

�e small size logo recommended ratio will be shown on this page.

Name Card

�e logo should be embossed in the back of card

�e width of the logo is 80 mm

Width 30mm

�e minimum size is 30mm

Emma & Design outline: 0.25pt

Cheng outline: 0.5pt

Minimum Size

EmmaCheng+886 921 085 [email protected]

Page 9: emmachengdesign cis

A 01.04 Basic Design ElementsAlphabet Logo Outline �ickness Ratio

Online Size �ickness Ratio�e outline thickness ratio is only used when precise means of reproduction are not available using professional reproduction equipment.

�e online size logo recommended ratio will be shown on this page.

Width 200px

�e minimum size is 200pxEmma & Design outline: 0.5ptCheng outline: 1pt

�e logo size is at least 200pxand the proportion of the logo should be18% ≤ EmmaChengDesign logo ≤ 25%of the website largest width

Website Size

at least 200px and 18% of the website largest width

25% is the biggest proposrtion of the website largest width

Page 10: emmachengdesign cis

A 01.05 Basic Design ElementsAlphabet Logo Outline �ickness Ratio

CD Size �ickness Ratio�e outline thickness ratio is only used when precise means of reproduction are not available using professional reproduction equipment.

�e CD size logo recommended ratio will be shown on this page.

�e logo size is 19mm

Emma & Design outline: 0.2pt

Cheng outline: 0.4pt

Page 11: emmachengdesign cis

A 01.06 Basic Design ElementsIncorrect logo use, Alphabet Logo

Incorrect logo useAdherence to these guidelines will ensure that the integrity of the EmmaChengDesign identity is maintained in all applications and across all channels. �e simplest way to follow these guidelines is to use the approved digital artwork for all variants of the logo, and use good judgment in applying them. �e examples shown below demonstrate some scenarios that should be avoided when using the logo.

Do not change the logo outline to color-�lled

Do not change the thickness ratio of the logo outline

Do not stretch or distort the logo

Do not change the color of the logo outline, except CI color, Black and White

Do not add a shadow to the logo

Do not re-create the logo using other typefaces

Do not place the logo inside a shape

Do not skew the logo

Do not place the logo over a background, image, or texture that might inhibit legibility

Do not twist an angle of the logo

EmmaChengDesign

Page 12: emmachengdesign cis

A 02.01 Basic Design ElementsRecommended Minimum Size and Minimum Staging Area for Type and Graphics

Recommended Minimum Size�e EmmaChengDesign logo may be reduced to a minimum width of 30mm.

Minimum Staging Area�e minimum staging area speci�cation relates to theminimum distance of type and graphics to the EmmaChengDesignlogo - and not for the distance to an edge of a product or print item. �e Minimum clear space is equal to 1/2 the height of the letter ‘E’.

To most e�ectively communicate the EmmaChengDesign brand, a minimum amount of space is to be left clear of symbols, logos, body text and icons. �is does not apply when applying the EmmaChengDesign logo in isolation to the side of a package, banner or sign, or to sub-branding. Refer to the relevant sections for explanation and allowable placement of the logo to an edge within a given space.

Width 30mm

Page 13: emmachengdesign cis

A 02.02 Basic Design ElementsRegistered and Trade Mark Placement, Alphabet

TM / PlacementRegistered and Trade Mark symbols are placedat the top right of the EmmaChengDesign logo.• The symbol is set in Adobe Garamond Pro Regular.Do not redraw the symbol.• The TM symbol is set in Adobe Garamond Pro Regular.Do not redraw the symbol.• The size of the Registered symbols is 40% of the height of the letter ‘E’.• The size of the Trade Mark symbols is 30% of the height of the letter ‘E’.

®

®0.4

TM 0.3

Standard

Page 14: emmachengdesign cis

A 03.01 Basic Design ElementsCorporate Typeface, Alphabet

Corporate TypefaceAdobe Garamond Pro�e corporate typeface should be used consistently throughout all corporate communication materials. Only the weights shown may be used.Adobe Garamond Pro should be used on all pre-printed items for promotion and advertising, such as brochures, posters,signage and packaging.Adobe Garamond Pro is a serif typeface and is from the Adobe collection. Adobe Garamond Pro is a readily available typeface.However if you do not have access to these typefaces they can be purchased and downloaded from a number of font libraries. A selection of the websites for theselibraries have been listed.

Usage GuideAdobe Garamond Pro RegularTo be used for body print and lead copy.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ(1234567890@&$,.’”;:+-%!?)

Adobe Garamond Pro BoldTo be used for headings and sub headings.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ(1234567890@&$,.’”;:+-%!?)

Secondary TypefaceHelvetica�e secondary typeface should be only used fortechnical copy such as speci�cations and captionsfor diagrams within manuals, product feature listsand business forms.

Usage GuideHelvetica NeueTo be used for body print captions and speci�cations.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ(1234567890@&$,.’”;:+-%!?)

Helvetica RegularTo be used sparingly for headings and sub headingswithin captions and speci�cations.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ(1234567890@&$,.’”;:+-%!?)

NoteDue to copyright law, EmmaChengDesign is unable to provide thesefonts. Therefore it is the responsibility of the agencyor manufacturer to purchase the required fonts.Internal documents and presentations use theelectronic substitute fonts. Refer to page A03.02.

Font Library Contact Detailswww.fontshop.comwww.fontfactory.comwww.adobe.com

EmmaChengDesign

Page 15: emmachengdesign cis

A 03.02 Basic Design ElementsElectronic Substitute Typeface, Alphabet

Electronic TypefaceWhen documents can only be reproduced in an electronic environment such as the typed letter, typed facsimile, typed memorandum, internal documents, PowerPoint presentations, the web site and other non pre-printed items.�e substitute fonts are:Georgia for the serif typeface Adobe Garamond Pro.Arial for the sans serif typeface.Only use the substitute font when Adobe Garamond Pro is not available in an electronic environment.

Usage GuideGeorgia RegularTo be used for body print and lead copy.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ(1234567890@&$,.’”;:+-%!?)

Adobe Garamond Pro BoldTo be used for headings and sub headings.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ(1234567890@&$,.’”;:+-%!?)

Usage GuideArial RegularTo be used for body print captions and speci�cations.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ(1234567890@&$,.’”;:+-%!?)

Arial BoldTo be used sparingly for headings and sub headingswithin captions and speci�cations.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ(1234567890@&$,.’”;:+-%!?)

Page 16: emmachengdesign cis

A 03.03 Basic Design ElementsCorporate Typeface, Chinese

Numerals must be in Adobe Garamond Pro Regular and + 1pt

Page 17: emmachengdesign cis

A 04.01 Basic Design ElementsCorporate Colors

Color and Application�e Corporate Color is EmmaCheng Pink PMS 213C.�is is the recommended color for the EmmaChengDesign logo on corporate applications. �e EmmaChengDesign logo may reverse Silver PMS 428C from the EmmaCheng Pink.Four-color process printing techniquesvary from country to country. It is advised thatPantone® color chips are always used to check colorproofs. Monitors display color di�erently, regardlessof model, manufacturer or platform. �e speci�cationson the right ensure color consistency. Do not usecolor references or values from �les where colormodes have been converted automatically.

ExceptionsWhen only one color is available in applicationssuch as press advertisements the EmmaChengDesign logo may be reproduced as Black, or reverse White froma Black background, or reverse Silver PMS 428C froma EmmaCheng pink background.

EmmaChengDesign Corporate ColorEmmaCheng PinkPantone PMS 213C Process C11, M95, Y24RGB R230, G21, B119

Supplementary Corporate ColorsPantone Process BlackBlack 100%RGB: R0, G0, B0

EmmaChengDesign

Page 18: emmachengdesign cis

B Basic Design SystemSection B

Page 19: emmachengdesign cis

B Basic Design SystemB 01 �e EmmaChengDesign Logo and Company NameB01.01 Studio Name and Lockup, Alphabet

B 02 �e EmmaChengDesign Logo and Contact InformationB02.01 Studio Contact Information Lockup, AlphabetB02.02 Studio Contact Information Lockup, Optional PositionsB02.03 Website Address Lock-up and Positions

EmmaChengDesign

Page 20: emmachengdesign cis

B 01.01 Basic Design SystemStudio Name and Lockup, Alphabet

Corporate Signature�e EmmaChengDesign logo may appear in alock-up situation with any EmmaChengDesign studio name to form a corporate signature.�e capital letters of the EmmaChengDesign studio name are 45% of the height of the ‘E’.�e studio name is set in Adobe Garamond Pro Regular. It aligns on the left side edge of the letter ‘E’.

Color Usage of the EmmaChengDesign Logo and TextText within a lock-up should be the same CI color as the EmmaChengDesign logo.

However when the EmmaChengDesign Logois EmmaCheng Pink PMS 214C, text can also be Black .

0.4

0.3

EmmaChengDesign Studio 0.4

EmmaChengDesign Studio 0.4

Page 21: emmachengdesign cis

B 02.01 Basic Design SystemStudio Contact Information Lockup, Alphabet

Corporate SignatureWhen the EmmaChengDesign logo appears with corporate contact information, it is positioned as shown.�e minimum staging area is observed.For alphabet, the company name is set Adobe Garamond Pro Bold.�e company address is set in Adobe Garamond Pro Regular.�e size relationship (0.23E) is standard.However, it may be adjusted to suit applications of varying sizes and functions.

EmmaChengDesignTwain, R.O.C+886-921-085-468www.emmachengdesign.orgemmachengdesign@gmail.com

0.23

Page 22: emmachengdesign cis

B 02.02 Basic Design SystemStudio Contact Information Lockup, Optional Positions

EmmaChengDesignTwain, R.O.C+886-921-085-468www.emmachengdesign.orgemmachengdesign@gmail.com

EmmaChengDesignTwain, R.O.C+886-921-085-468www.emmachengdesign.orgemmachengdesign@gmail.com

EmmaChengDesignTwain, R.O.C+886-921-085-468www.emmachengdesign.orgemmachengdesign@gmail.com

Page 23: emmachengdesign cis

Corporate Chinese Typeface華康仿宋體W6 should be used consistently throughout all corporate communication materials.

Usage Guide華康仿宋體W6 captions, small print, headlines and lead copy.

NumeralsWhen the 華康仿宋體W6 is used for text, numerals must be changed to Adobe Garamond Pro Regular.�ere is a slight di�erence in size between the 華康仿宋體W6 text and the Adobe Garamond Pro numerals.�e size of the numerals must be adjusted accordingly.�e size of Chinese text should be 1pt smaller then English text and numerals.

B 02.03 Basic Design SystemWebsite Address Lock-up and Positions

華康仿宋體W6

14 pt

長庚大學工業設計學系 媒體與傳達設計組 鄭佩淳

台灣,桃園縣龜山鄉萬壽路二段873巷5號1F

10 pt

長庚大學工業設計學系 媒體與傳達設計組 鄭佩淳

台灣,桃園縣龜山鄉萬壽路二段873巷5號1F

Website Address�e website address may appear in a lock-upsituation with the EmmaChengDesign logo.�e overall height of the website address is 50%the height of ‘E’ in the EmmaChengDesign logo.�e height of the website address is measured fromthe top of the letter ‘d’ to the bottom of thedescender of the letter ‘g’.�e website address is set in Adobe Garamond Pro Regular.�e website address can be placed in any positionshown on this page.

Color Usage of the BenQ Logo and TextText within a lock-up should be the same CI coloras the EmmaChengDesign logo.However, when the EmmaChengDesign logo is EmmaCheng Pink PMS 214C, the text can also be Black.Only 100% color strength for both logo and text is possible.

emmachengdesign.org

emmachengdesign.org

0.5

0.5

emmachengdesign.org

emmachengdesign.org

0.5

0.5

emmachengdesign.org

emmachengdesign.org

emmachengdesign.org

emmachengdesign.org

Page 24: emmachengdesign cis

C Corporate Identity Guidelines Section C

Page 25: emmachengdesign cis

C ApplicationsC 01 VI ElementsC01.01 VI Color Palette

C 02 ApplicationsC02.01 Name CardC02.02 CDC02.03 CD Packaging

EmmaChengDesign

Page 26: emmachengdesign cis

Corporate Chinese Typeface華康仿宋體W6 should be used consistently throughout all corporate communication materials.

Usage Guide華康仿宋體W6 captions, small print, headlines and lead copy.

NumeralsWhen the 華康仿宋體W6 is used for text, numerals must be changed to Adobe Garamond Pro Regular.�ere is a slight di�erence in size between the 華康仿宋體W6 text and the Adobe Garamond Pro numerals.�e size of the numerals must be adjusted accordingly.�e size of Chinese text should be 1pt smaller then English text and numerals.

C 01.01 VI ElementsVI Color Palette

Color and Application�e Corporate Color is EmmaCheng Pink PMS 214C.Color combinations as speci�ed on this page may be used for VI applications such as print, advertising, packaging and product.�e EmmaChengDesign logo may appear reversed white fromspeci�ed colors as long as su�cient contrast is maintained. Four-color process printing techniques vary from country to country. It is advised that Pantone® color chips are always used to check color proofs. Monitors display color di�erently, regardless of model, manufacturer or platform. �e speci�cationson the right ensure color consistency. Do not use color references or values from �les where color modes have been converted automatically.

Exceptions• When applied to products, the EmmaChengDesign logo may appearin (color to be con�rmed).• When directly molded onto products, the EmmaChengDesign logo may appear in the same color as the material.

EmmaChengDesign VI Primary Color

EmmaCheng PinkPMS 214C

C: 24 M: 99 Y: 40 K: 0R: 208 G: 0 B: 99Hex: #D00063

C: 28 M: 19 Y: 16 K: 0R:195 G: 200 B: 205Hex: #C3C8CD

SilverPMS 428C

Supplement Color

C: 2 M: 51 Y: 0 K: 0R: 250 G: 159 B: 204Hex: #FA9FCC

Light PinkPMS 210C

C: 43 M: 100 Y: 54 K: 1R: 170 G: 16 B: 84Hex: #AA1054

Dark PinkPMS 215C

C: 70 M: 58 Y: 49 K: 2R:97 G: 106 B:116Hex: #606973

Dark GrayPMS 431C

C: 0 M: 0 Y: 0 K: 100R:0 G: 0 B: 0Hex: #000000

Black

C: 0 M: 0 Y: 0 K: 0R:100 G: 100 B: 100Hex: #FFFFFF

White

華康仿宋體W6

14 pt

長庚大學工業設計學系 媒體與傳達設計組 鄭佩淳

台灣,桃園縣龜山鄉萬壽路二段873巷5號1F

10 pt

長庚大學工業設計學系 媒體與傳達設計組 鄭佩淳

台灣,桃園縣龜山鄉萬壽路二段873巷5號1F

Page 27: emmachengdesign cis

C 02.01 ApplicationName Card

Size9 cm * 5.5 cm

EmmaChengDesign Logo�e logo should be embossed in the back of name card �e width of the logo is 80 mm

ColorBackgroundBlackContentWhite

Alphabet TypographyAdobe Garamond Pro RegularName: 9ptContact Information: 7ptLine Space: 8pt

Chinese Typeface華康仿宋體W6: 9pt

EmmaCheng+886 921 085 [email protected]

0.5 cm 0.25 cm

0.5 cm

0.3 cm

2.1 cm

Page 28: emmachengdesign cis

C 02.02 ApplicationCD

CD Size12 cm * 12 cm

EmmaChengDesign Logo width2cm

ColorBackgroundEmmaCheng Pink PMS 214CLogoSilver PMS 428C

Page 29: emmachengdesign cis

C 02.03 ApplicationCD Packaging

Size12.3 cm * 12.3 cm

ColorBackgroundSilver PMS 428CLogoEmmaCheng Pink PMS 214C

0.4 cm

0.4 cm

Page 30: emmachengdesign cis

Corporate Identity Guidelines

EmmaChengDesign

Page 31: emmachengdesign cis

Corporate Identity Guidelines