VISUAL IDENTITY GUIDE
contents Bsic Section Visul Identity System Bsic Prt Appliction Section Visul Identity System Appliction Prt 1.1 Logo System Design 1.1.1 Stndrd Color Grphics of The Logo 1.1.2 Stndrd Monochrome Grphics of the Logo 1.1.3 Logo inverted white drft nd monochromtic usge specifictions 1.1.4 Stndrd Grid Chrt of The Logo 1.1.5 Cler Spce of The Logo 1.1.6 Stndrd Guideline for Logo Minimiztion 1.1.7-8 Exmples for Wrong Appliction 1.1.9 The Guideline of Logo Applied to Picture 1.2 Color System Design 1.2.1 Stndrd Colors 1.2.2-4 Stndrd Supplementry Colors 1.2.5 Guideline For Primry And Secondry Colors 1.3 Stndrd Typefce 1.3.1 Stndrd Grid Chrt of Chinese Fonts 1.3.2 Cler Spce of Chinese Fonts 1.3.3 English Fonts of the Logo 1.3.4 Cler Spce of English Fonts 1.4 Bsic element combintion specifictions 1.4.1 Combintion of the logo nd English bbrevition (Verticl 1.4.2 Combintion of the logo nd Chinese-English bbrevition (Verticl) sfe re 1.4.3 Combintion of the logo nd English bbrevition (Verticl) 1.4.4 Cler Spce for Stndrd Combintion of Logo English Abbrevition (verticl) 1.4.5 Guideline for Stndrd Combintion of Logo, Chinese And English Abbrevition (horizontl) 1.4.6 Cler Spce for Stndrd Combintion of Logo, Chinese And English Abbrevition (horizontl) 1.4.7 Guideline for Stndrd Combintion of Logo English Abbrevition (horizontl) 1.4.8 Cler Spce for Stndrd Combintion of Logo English Abbrevition (horizontl) 1.5 Auxiliry Grphics Specifictions 1.5.1 Auxiliry Grphics Production Specifictions 2.1 Medi Communictions System 2.1.1 Print Advertising Appliction Specifictions 2.1.2-3 Online Poster Appliction Specifictions 2.1.4 Video Appliction Specifictions 2.1.5-6 Online Poster Appliction Specifictions
Visul Identity System Bsic Prt
1.1 LOGO LOGO / 1.1 APPLICATION DESIGN SYSTEM / 01
1.1.1 Stndrd Color Grphics of The Logo The logo is the core of the corporte imge, direct reflection of corporte mngement system nd service qulity, nd often cretes the first impression of the corporte imge. The logo is lso mnifesttion of corporte vlues. As the most importnt element of the overll corporte imge, the logo is exclusively specilized in corporte imge identity nd should not be used s supplementry grphic. LOGO / 1.1 APPLICATION DESIGN SYSTEM / 02
1.1.2 Stndrd Color Grphic Of The Logo To serve vrious medi demnds, we hve stndrd monochrome grphics s well s stndrd color grphics of the logo, in bid to mintin consistency in externl imge publicity. Here re stndrd monochrome grphics to be used minly in monochrome printing such s newspper dvertisement. Plese strictly follow the specifictions in use. CMYK 0K CMYK 100K Stndrd Inverted White Drft Logo Ink Drft LOGO / 1.1 APPLICATION DESIGN SYSTEM / 03
1.1.3 Stndrd Color Grphic Of The Logo Medi demnds include not only color grphics, but monochrome version which is frequently used in fx, copying nd monochrome printing. Here is the stndrd monochrome inverted grphic of the logo, to be pplied ginst drk bckgrouns. Due to the nture of monochrome grphics, when greyscle of the bckground is lrger thn 20%, the stndrd monochrome inverted grphic must be used. Plese strictly follow the specifictions in use. 100% 90% 80% 70% 60% 50% 40% 30% 20% 10% 0% LOGO / 1.1 APPLICATION DESIGN SYSTEM / 04
1.1.4 Stndrd Color Grphics of The Logo Logo is the core element for building nd shping the imge of compny. It is lso concentrted visul presenttion of the compny's products, service nd imge. In order to ensure the uthroity, identifiction nd unity of compny's logo, we should pply it correctly nd ppropritely. The stndrd grid chrt of the logo cn help to stndrdize the proportion nd structure of the logo. 21 20 15 10 5 0 0 5 10 15 20 LOGO / 1.1 APPLICATION DESIGN SYSTEM / 05
1.1.5 Cler Spce of The Logo In order to ensure the best visul effect of the logo, cler spce should be kept when pplying. The surrounding re of the logo is cler spce. No other element should pper in this spce. 3 3 3 3 Nothing else is llowed in the cler spce LOGO / 1.1 APPLICATION DESIGN SYSTEM / 06
1.1.6 Stndrd Guideline of Logo Minimiztion In order to ensure the best visul communiction of the logo, the size of the logo should be no smller thn 5 mm. When the size of the logo is under 5mm, it is hrdly recognizble. So it is specified in the mnul tht the logo should not be smller thn 8mm. It should be pplied strictly ccording to this rule. 5mm 8mm 10 mm 15 mm 20 mm 30 mm LOGO / 1.1 APPLICATION DESIGN SYSTEM / 07
1.1.7 Exmples of Incorrect Appliction This pge presents some exmples of typicl incorrect pplictions of the logo. In order to mintin the integrity nd unity of the corgporte imge, the following pplictions nd combintions re prohibited. Rndomly chnge the color of the logo Use unspecified colors s the bckground color of the logo Rndomly chnge the shpe of the logo Rndomly rotte the logo LOGO / 1.1 APPLICATION DESIGN SYSTEM / 08
1.1.8 Exmples of Incorrect Appliction This pge presents some exmples of typicl incorrect pplictions of the logo combintion. In order to mintin the integrity nd unity of the corporte imge, the following pplictions nd combintions re prohibited. Rndomly zoom in or out the logo grphics Rndomly chnge the position of the logo nd Chinese nd English texts LOGO / 1.1 APPLICATION DESIGN SYSTEM / 09
1.1.9 The Guideline of Logo Applied to Picture Imge is n importnt element tht usully ppers in vrious pplictions. The logo is usully plced on top of the imge. Here re some specifictions on the choice of imges nd the pplictions of the logo. In order to better communicte the corporte imge, when the bckground of the imge is light nd there is sizble blnk spce, the colorful logo cn be pplied on the picture. When the bckground of the picture is drk nd there is sizble blnk spce (nd there is enough cler spce), the white logo cn be pplied on the picture. If the bckground of the picture is overly complex, white ptch should be pplied on top of the picture before the colorful logo cn be used (enough cler spce should be kept on the white ptch). Below re some incorrect pplictions of the logo with pictures. When the bckground picture is overly complex, neither colorful nor white logo cn be pplied. LOGO / 1.1 APPLICATION DESIGN SYSTEM / 10
1.2 Primry Colors Primry Colors BASIC DESIGN SYSTEM / 11
1.2.1 Stndrd Colors The stndrd color is n importnt fctor tht symbolizes the compny's spirit nd culture. It cretes strong impression through visul communiction nd reflects the role of color in visul identifiction. In order to further ensure the color effect of the stndrd colors on different printing mterils, the printing output ccurcy of commonly used pper is specified:1. Copper plte printing / 175dpi 2. Offset pper (domesticlly mde) / 133dpi 3. Newspper Printing / 100dpi 4. Offset pper (import) / 150dpi PANTONE 185C Stndrd Colors CMYK C:7 M:100 Y:83 K:0 RGB R:220 G:6 B:43 Color Code: # dc062b Stndrd color: PANTONE185C, CMYK (C: 7 M: 100 Y: 83 K: 0) RGB (R: 220 G: 6 B: 43). The stndrd color scle shows the color 100% 90% 80% 70% 60% 50% 40% 30% 20% 10% PRIMARY COLORS BASIC DESIGN SYSTEM / 12
1.2.2 Stndrd Supplementry Colors-1 When stndrd colors re fully used, few supplementry colors re set ccording to the chrcteristics of the industry nd specific needs in order to bring out the best visul effect. They cn be used in combintion for specil occsions, e.g. celebrtions or dvertisement, dding to the visul experience. Aprt from the colors provided, other colors re not recommended in the VI system. PANTONE 2736C Auxiliry Colors-1 CMYK C:98 M:90 Y:0 K:0 RGB R:22 G:49 B:143 Color Code:# 16318f Auxiliry Colors-1: PANTONE426C, CMYK (C: 83 M: 77.5 Y: 73.5 K: 54) RGB (R: 36 G: 39 B: 41). The uxiliry color grdtion shows the color perception of the uxiliry color in different brightness levels. 100% 90% 80% 70% 60% 50% 40% 30% 20% 10% PRIMARY COLORS BASIC DESIGN SYSTEM / 13
1.2.3 Stndrd Supplementry Colors-2 When stndrd colors re fully used, few supplementry colors re set ccording to the chrcteristics of the industry nd specific needs in order to bring out the best visul effect. They cn be used in combintion for specil occsions, e.g. celebrtions or dvertisement, dding to the visul experience. Aprt from the colors provided, other colors re not recommended in the VI system. PANTONE 426C Auxiliry Colors-2 CMYK C:83 M:77.5 Y:73.5 K:54 RGB R:36 G:39 B:41 Color Code:# 242729 Auxiliry Colors-2: PANTONE426C, CMYK (C: 83 M: 77.5 Y: 73.5 K: 54) RGB (R: 36 G: 39 B: 41). The stndrd color grdtion shows the color perception of the stndrd color in different brightness levels. 100% 90% 80% 70% 60% 50% 40% 30% 20% 10% PRIMARY COLORS BASIC DESIGN SYSTEM / 14
1.2.4 Stndrd Supplementry Colors-3 When stndrd colors re fully used, few supplementry colors re set ccording to the chrcteristics of the industry nd specific needs in order to bring out the best visul effect. They cn be used in combintion for specil occsions, e.g. celebrtions or dvertisement, dding to the visul experience. Aprt from the colors provided, other colors re not recommended in the VI system. PANTONE 422C Auxiliry Colors-3 CMYK C:43 M:34 Y:32 K:0 RGB R:160 G:161 B:162 Color Code:# 012 Auxiliry Colors-3: PANTONE426C, CMYK (C: 83 M: 77.5 Y: 73.5 K: 54) RGB (R: 36 G: 39 B: 41). The uxiliry color grdtion shows the color perception of the uxiliry colors in different brightness levels. 100% 90% 80% 70% 60% 50% 40% 30% 20% 10% PRIMARY COLORS / 1.2 BASIC DESIGN SYSTEM / 15
1.2.5 Guideline For Primry And Secondry Colors This specifiction is relted to the use of stndrd colors nd supplementry colors. Colors re n integrl prt of the logo. Incorrect pplictions of colors on the logo will led to inconsistency of the corporte imge. In order to chieve the consistency of the ppliction of the logo, we hve specified the pplicble rnge of logo colors. Other colors outside of this rnge re prohibited. White Stndrd Colors Auxiliry Colors Auxiliry Colors Auxiliry Colors Blck The Use of Colors The Use of Reversed White Bronzing Gold Stmped Silver nd Printed Silver PRIMARY COLORS / 1.2 BASIC DESIGN SYSTEM / 16
1.3 Stndrd Typefce Stndrd Typefce / 1.3 BASIC DESIGN SYSTEM / 17
1.3.1 Stndrd Grid Chrt of Chinese Fonts Stndrd grid chrt of Chinese fonts cn be pplied independently when it is not suitble to use the logo. This imge specified the stndrd usge nd proportion of font production. The production should strictly follow the specifictions in the picture. 16.7 8.31 7.7 1.3 7.67 STANDARD TYPEFACE / 1.3 BASIC DESIGN SYSTEM / 18
1.3.2 Cler Spce of Chinese Fonts Stndrd grid chrt of Chinese fonts cn be pplied independently when it is not suitble to use the logo. In order to ensure the best visul effect of the logo, when the Chinese fonts re used, no other pictures, texts or decortive items re llowed in the specified re. 2 2 2 2 Nothing else llowed in the cler spce. STANDARD TYPEFACE / 1.3 BASIC DESIGN SYSTEM / 19
1.3.3 Stndrd Grid Chrt of English Fonts Stndrd grid chrt of English fonts cn be pplied independently when it is not suitble to use the logo. This imge specified the stndrd usge nd proportion of font production. The production should strictly follow the specifictions in the picture. 39.47 0.64 10.59 9.31 8.16 8.19 9.31 8.15 2.04 1.74 1.88 0.64 STANDARD TYPEFACE / 1.3 BASIC DESIGN SYSTEM / 20
1.3.4 Cler Spce of English Fonts Stndrd grid chrt of English fonts cn be pplied independently when it is not suitble to use the logo. In order to ensure the best visul effect of the logo, when the English fonts re used, no other pictures, texts or decortive items re llowed in the specified re. 2 2 2 2 Nothing else llowed in the cler spce. STANDARD TYPEFACE / 1.3 BASIC DESIGN SYSTEM / 21
1.4 Stndrd Combintion Stndrd Combintion / 1.4 BASIC DESIGN SYSTEM / 22
1.4.1 Guideline for Stndrd Combintion of Logo,Chinese And English Abbrevition(verticl) This pge contins the verticl combintion of the logo, Chinese nd English bbrevitions. It is the core content of corporte visul identifiction. This combintion cn be used widely. To ensure the stndrdiztion, uthority nd identifiction of the logo nd other bsic elements, the position of the combintion should be strictly followed. It cnnot be chnged to other formt. This picture specifies the production exmple nd the proportion between different prts of the logo nd the compny nme. The production should strictly follow the 0.78 0.78 1.05 1.73 0.247 0.436 0.774 0.16 1.626 Logo nd Chinese-English bbrevition combintion - Verticl production grid digrm STANDARD COMBINATION / 1.4 BASIC DESIGN SYSTEM / 23
1.4.2 Cler Spce for Stndrd Combintion of Logo,Chinese And English Abbrevition(verticl) This pge specifies the cler spce for the verticl combintion of the logo, Chinese nd English bbrevitions. To ensure the best visul effect, cler spce should be kept for the combintion. The surrounding re of the logo is the cler spce. No other elements re llowed in this re. 2 2 2 2 Nothing else llowed in the cler spce STANDARD COMBINATION / 1.4 BASIC DESIGN SYSTEM / 24
1.4.3 Guideline for Stndrd Combintion of Logo English Abbrevition(verticl) This pge contins the verticl combintion of the log nd the English bbrevition. It is the core content of corporte visul identifiction. This combintion cn be used widely. To ensure the stndrdiztion, uthority nd identifiction of the logo nd other bsic elements, the position of the combintion should be strictly followed. It cnnot be chnged to other formt. This picture specifies the production exmple nd the proportion between different prts of the logo nd the compny nme. The production should strictly follow the specifiction. 0.375 0.375 1.051 1.75 0.227 0.472 1.75 STANDARD COMBINATION / 1.4 BASIC DESIGN SYSTEM / 25
1.4.4 Cler Spce for Stndrd Combintion of Logo English Abbrevition(verticl) This pge specifies the cler spce for the verticl combintion of the logo nd the English bbrevition. To ensure the best visul effect, cler spce should be kept for the combintion. The surrounding re of the logo is the cler spce. No other elements re llowed in this re. 2 2 2 2 Nothing else llowed in the cler spce STANDARD COMBINATION / 1.4 BASIC DESIGN SYSTEM / 26
1.4.5 Guideline for Stndrd Combintion of Logo,Chinese And English Abbrevition(horizontl) This pge contins the horizontl combintion of the logo, Chinese nd English bbrevitions. It is the core content of corporte visul identifiction. This combintion cn be used widely. To ensure the stndriztion, uthority nd identifiction of the logo nd other bsic elements, the position of the combintion should be strictly followed. It cnnot be chnged to other formt. This picture specifies the production exmple nd the proportion between different prts of the logo nd the compny nme. The production should strictly follow the 0.27 3.45 0.23 1.05 0.595 0.225 4.72 Logo nd Chinese-English bbrevition combintion - Horizontl production grid digrm STANDARD COMBINATION / 1.4 BASIC DESIGN SYSTEM / 27
1.4.6 Cler Spce for Stndrd Combintion of Logo,Chinese And English Abbrevition(horizontl) This pge specifies the cler spce for the horizontl combintion of the logo, Chinese nd English bbrevitions. To ensure the best visul effect, cler spce should be kept for the combintion. The surrounding re of the logo is the cler spce. No other elements re llowed in this re. 2 2 2 2 Nothing else llowed in the cler spce. STANDARD COMBINATION / 1.4 BASIC DESIGN SYSTEM / 28
1.4.7 Guideline for Stndrd Combintion of Logo English Abbrevition(horizontl) This pge contins the horizontl combintion of the logo nd the English bbrevition. It is the core content of corporte visul identifiction. This combintion cn be used widely. To ensure the stndrdiztion, uthority nd identifiction of the logo nd other bsic elements, the position of the combintion should be strictly followed. It cnnot be chnged to other formt. This picture specifies the production exmple nd the proportion between different prts of the logo nd the compny nme. The production should strictly follow the specifiction. 0.2 2.3 0.216 1.05 0.62 0.214 3.5 STANDARD COMBINATION / 1.4 BASIC DESIGN SYSTEM / 29
1.4.8 Cler Spce for Stndrd Combintion of Logo English Abbrevition(horizontl) This pge specifies the cler spce for the horizontl combintion of the logo nd English bbrevition. To ensure the best visul effect, cler spce should be kept for the combintion. The surrounding re of the logo is the cler spce. No other elements re llowed in this re. 2 2 2 2 Nothing else llowed in the cler spce STANDARD COMBINATION / 1.4 BASIC DESIGN SYSTEM / 30
1.5 Supplementry Grphics Supplementry Grphics / 1.5 BASIC DESIGN SYSTEM / 31
1.5.1 The Consturetion of The Supplementry Grphics Supplementry grphics ply n importnt role in the bsic prt. Supplementry grphics nd logos shre certin continuity, reflecting the industry ttributes of the enterprise. Using the blue supplementry color will give out n expression s modern nd fshionble. In order to ensure the correct ppliction of the supplementry grphics, we hve precisely defined nd limited the supplementry grphics in the bsic design system. The production of supplementry grphics should strictly follow the specifictions of this production grid digrm. SUPPLEMENTARY GRAPHICS / 1.5 BASIC DESIGN SYSTEM / 32
Visul Identity System Appliction Section
2.1 Medi communiction system MEDIA COMMUNICATION SYSTEM / 2.2 APPLICATION DESIGN SYSTEM / 32
2.1.1 The guideline for logo ppliction in print dvertisement Print Advertising Appliction Specifictions In print dvertisement, the stndrd lyout is set t the bottom of the pge. The logo is locted t the bottom right. Stndrd red or complementry blue cn be used s the color block on the left side of the re, depending on specific sitution. The height of the re is lso flexible, but it should be no less thn 1/6 of the overll length of the pge. Size 210X285 Unit mm Process: four-color printing + spot color red, spot color blue 自由设计区域 自由设计区域 The height of stndrd lyout re must be no less thn 1/6 of tht of the pge, nd sfe distnce must be left for the logo. MEDIA COMMUNICATION SYSTEM / 2.2 APPLICATION DESIGN SYSTEM / 33
2.1.2 The guideline for logo ppliction in Online Poster Online Poster Appliction Specifictions - 1 In online dvertisement, when there is sizble blnk spce (nd enough cler spce for the logo), the logo cn been pplied stright wy on top left of the pge. Size: 1080*1920 Unit: px Free Design Are When the imge re is the lrgest, the length of the logo re must be t lest 2 times the width. Cler spce should be kept for the logo in the picture re. 示例 MEDIA COMMUNICATION SYSTEM / 2.2 APPLICATION DESIGN SYSTEM / 34
2.1.3 The guideline for logo ppliction in Online Poster Online Poster Appliction Specifictions - 2 In online dvertisement, the stndrd lyout is set t the bottom of the pge. The logo is locted t the bottom right. Stndrd red or complementry blue cn be used s the color block on the left side of the re, depending on specific sitution. The height of the re is lso flexible, but it should be no less thn 1/6 of the overll length of the pge. Size: 1080*1920 Unit: px 自由设计区域 自由设计区域 The height of stndrd lyout re must be no less thn 1/6 of tht of the pge, nd cler spce must be kept for the logo. MEDIA COMMUNICATION SYSTEM / 2.2 APPLICATION DESIGN SYSTEM / 35
2.1.4 The guideline for logo ppliction in print video The beginning nd end of the video re the dynmic representtion of the logo nd slogn. These two prts should dopt stndrd documents nd must not be chnged in ny wy. The stndrd formt is 16:9. For specil formt requirements, the video d size should be djusted ccording to the rtio. Size: 640*360 Unit: px Decentrlize the Web 1.The logo should sty for 2 seconds ginst the blck bckground in the beginning of the video. 2. The corner mrk should be white in English, locted t the bottom right. 3. The logo nd the slogn should sty for 3 seconds ginst the blck bckground t the end. MEDIA COMMUNICATION SYSTEM / 2.2 APPLICATION DESIGN SYSTEM / 36
2.1.5 The guideline for logo ppliction in Online pltform When used on mobile online pltform, the logo should be plced on the top left of the pge. The cler spce should be the sme size s the logo. An exception would be if there isn't enough spce due to too mny nvigtion elements. In cse of this, the logo should be ligned on the left with the min text, not restricted by the cler spce rule. Decentrlize the Web 3,734.944 TRX 3,734.944 TRX Token Blnce Token Blnce Alpcion 56,000 $0.00 $0.00 CryptoChin 5 $0.00 $0.00 Alpcion 56,000 $0.00 $0.00 CryptoChin 5 $0.00 $0.00 Exceptions MEDIA COMMUNICATION SYSTEM / 2.2 APPLICATION DESIGN SYSTEM / 37
2.1.6 The guideline for logo ppliction in Online pltform Online pltform ( Desktop/Tblet), the logo is t the top left of the pge. There is sfe distnce between the upper nd lower sides of the logo, nd there is sfe distnce between the nvigtion elements on the right. 2 区块链节点超级代表通证市场信息投票工具新闻帮助 Exmple: Full Size Pltform 2 区块链节点超级代表通证市场信息投票工具 Exmple: Non-Full Size Pltform MEDIA COMMUNICATION SYSTEM / 2.2 APPLICATION DESIGN SYSTEM / 38