WeChatPay Score Visual Identity Guidelines...05 1.2 呝斾槪宺 Full Emblem...

孎惡敆髀鰓㓉㓌嫮㝧慇媆

WEDESIGN 2019. 03

WeChatPay Score Visual Identity Guidelines

孎惡敆髀鰓㓉㓌嫮㝧慇媆 | 頌㔃 WeChatPay Score Visual Identity Guidelines | Preface 01

㛫慇媆暅鮪㓇餱孎惡敆髀鰓閔窅嫮㝧艊澐薶姉羮䯖墮㛇閔窅呝

斾屟嶗酽靪屟、㬎羮唻㝧踵䯤孎惡鲇趵銲諤㯵䃸。駡誒謾骼鲇

趵銲。趵烏諦慘訅醑昷駡誒。跣鳏訵、㛫旝鬣羾孎惡鲇趵銲▕

蕬鲲閔㯵㛄㚧跤宆閔窅㛄㚧鄩㛄㚧嶗醎悜、

This guide is intended to standardize the use of the WeChatPay Score brand and ensure the brand's integrity and consistency. The guide applies to all departments of the Weixin Business Group ( or "WXG", the group responsible for WeChat ), other Tencent business groups, and third-party companies and partners.

頌㔃 Preface

02WeChatPay Score Visual Identity Guidelines | Contents孎惡敆髀鰓㓉㓌嫮㝧慇媆 | 茩嫚

茩嫚 Contents

1. 閔窅槪宺1.1 槪豈閔窅槪宺1.2 呝斾槪宺1.3 呝斾槪宺鄩諦嫮媀1.4 槪宺蹕嫮㓇餱1.5 醭詵島駱餱縶嶗桭啢姉羮営唺1.6 槪宺䀨㛵懲羮蛵籌1.7 槪宺槪豈頥1.8 槪豈鑨杛頥 2. 姉羮㓇賒2.1 踽閔窅鑨霎㓇餱2.2 孎惡敆髀鑨霎㓇餱2.3 諦慘閔窅妛鉝㓇餱2.4 竑濇鯫杛2.5 姉羮蛵籌

1. Brand Identity1.1 Standard Brand Emblem1.2 Full Emblem1.3 Emblem Proportions1.4 Emblem Detial1.5 Monochromatic Symbol 1.6 Monochromatic Symbol abc1.7 background1.8 Examples of Inappropriate Use of background

2. Usage Guidelines2.1 Main Brand Speci�cations2.2 WeChat Pay Speci�cations2.3 Co-Branding Speci�cations2.4 Special Use Cases2.5 Examples

0405060708091012

1416182021

0405060708091012

1416182021


閔窅槪宺Brand Emblem

04WeChatPay Score Visual Identity Guidelines | Brand Emblem孎惡敆髀鰓㓉㓌嫮㝧慇媆 | 閔窅槪宺

1.1 槪豈閔窅槪宺 Standard Brand Emblem

05

1.2 呝斾槪宺 Full Emblem

孎惡敆髀鰓呝斾槪宺藥塒蹕嫮㯵鰓嶗旝叄㯵鰓䯖鮪諤

鯫杛醣慘踵孎惡敆髀鰓閔窅鑨霎䎍懲羮呝斾槪宺、

The WeChatPay Score full emblem consists of a symbol combined with the logotype, which, when put together represent the o�cial branding for WeChatPay Score.

㛽陽鳢雜箏懲羮旝叄槪宺會閔窅㛌時Don't use the logotype portion of the full emblem without also using the symbol.

旝叄 Logotype

呝斾槪宺 Full Emblem

蹕嫮 Symbol

WeChatPay Score Visual Identity Guidelines | Brand Emblem孎惡敆髀鰓㓉㓌嫮㝧慇媆 | 閔窅槪宺

06

1.3 呝斾槪宺鄩諦嫮媀 Con�gurations and versions

孎惡敆髀鰓呝斾槪宺桹瑪嫷。牕瞗頥。獿瞗頥。艀頥

蠐蟢穼梪䯖詵樰懪崯艊䈑㒄㬕羮、墡頯。㛄侕棷鬣盧

㚾艊嵔騙醣䯖嫷頥槪宺婠㚴〓魯㬕愞懲羮、

There are four versions of the emblem design that may be used: full color, light gray, deep gray and white. If conditions permit, it is recommended to use the full color version of the emblem.


嫷頥槪宺

Full color emblem

獿瞗頥槪宺

Dark gray emblem

牕瞗頥槪宺

Light gray emblem

艀頥槪宺

White emblem

07

1.4 槪宺蹕嫮㓇餱 Standard Symbol

澑䎇嗴蛵孎惡敆髀鰓蹕槪艊壽蹕㓇餱。㬬矇瀷籌䯖桏

鄡饅跀䯖裶䄄酁椨、

The graphic shows speci�cations, proportions, angles, and spatial structure for the symbol.


08

1.5 醭詵島駱餱縶嶗桭啢姉羮営唺 Free Space and Minimum sizes

X

1/2 X

槪宺醭詵島駱餱縶Free space

棧獸 Print䯤12mm朄蛵鏍 Screen䯤60px

踵墮㛇孎惡敆髀鰓槪宺㓉㓌醢艊呝斾箏襫玜杝䯖槪宺

醭詵島駱餱縶廟醭㒄戹壉麇駁旝叄。蹕嫮。蹕絹訵、

槪宺懲羮暚㛽醭㒄啢鲋桭啢営唺䯖棧獸。怇棧槪宺哃

姪醭啢鲋 12灖貏䯖嗢奟朄蛵槪宺哃姪醭啢鲋 60絹踃、

In order to ensure that the emblem for WeChat Pay Score is coherent and visually distinguishable, additional text or graphics should not interfere with the WeChat Pay emblem. When displaying the horizontal emblem in print, the emblem should be at least 12 mm in width. When displaying the horizontal emblem on screen, the emblem should be at least 60 pixels in width.


09

1.6 槪宺䀨㛵懲羮蛵籌 Examples of Inappropriate Use of Emblem

Several examples of inappropriate use of the emblem are shown here.

澑䎇籌蹁鑫孎惡敆髀鰓槪宺䀨㛵懲羮蛵籌䯖㛽陽熱粷

飨醣䯒藥塒貶醭鳢䅡鲋䯓諤貙䀨㛵、

㛽陽啔槪宺襫鉢誼徏玏鎢䅄嬁、Don't produce 3D version of the emblem or add drop shadows.

㛽陽鮪槪宺囈縶玏鎢麇嶯旝梪、Don't place any additional text with them emblem.

㛽陽桖敘槪宺侳㓅、Don't alter the emblem design.

㛽陽麇嶯惛輩槪宺、Don't stretch the emblem's aspect ratio.

㛽陽懲羮浧赹。鋗誼。㠮㳝濱艊槪宺、Dont perform any blurring, feathering, or add other visual �lters to the emblem.

㛽陽敘黌槪宺艊瀷籌饅跀、Don't change the proportions of emblem parts.


10

1.7 槪宺槪豈頥 Emblem Standard Color

WeChat Yellow_BG_130

#F3CC4DC10 M24 Y75 K0R243 G204 B77PANTONE䯤123

A

A

B

B C

WeChat Brand_100

#07C160C72 M0 Y80 K0R7 G193 B96PANTONE䯤3405

WeChat BW_BG_30

#4C4C4CC74 M67 Y64 K23R76 G76 B76PANTONE䯤Cool Gray 11

澑䎇壽呯鑫孎惡敆髀槪宺嫷頥艊豕羮頥嫷㓇餱䯖跛蝫

懲羮䉯槪豈頥嫷䯖桖敘槪宺䎯頥、

Standard WeChat Pay emblem color speci�-cations are provided. Don't make any adjustments to the standard colors.

槪豈嫷頥槪宺姉羮鲋諤咃忊覜。鈫䎇。嫷頥棧獸訵Standard colors for use within the app, on web pages, or when printing in color.


11

1.7 槪宺槪豈頥 Emblem Standard Color


A special color speci�cation is provided for the mono-chromatic emblem. The monochromatic versions should be used in the following scenarios: when using the full color emblem is not possible, when used in conjunction with a partner brand emblem, or when the page background color or brightness necessitates using a monochromatic design instead of the full color emblem.

澑䎇壽呯鑫孎惡敆髀雜頥槪宺艊豕羮頥嫷㓇餱䯖婠㚴

鮪飨醣鯫杛醣懲羮雜頥槪宺䯤墡頯囑罌晹熴呺粷瑪嫷

槪宺艊鯫杛。醮諦慘閔窅雜頥槪宺妛鉝艊鯫杛。䎇䉳

鑨杛頥荁徏暺姪醭镾玜杝朄蛵瑪嫷槪宺艊鯫杛、 Standard Gray 2

#AAAAAAC0 M0 Y0 K50R170 G170 B170PANTONE䯤Cool Gray 5

A

B

Standard White

#000000C0 M0 Y0 K0R255 G255 B255White

婠㚴鮪艀頥鑨杛醣懲羮English english english english english

B

A

A婠㚴鮪艀頥鑨杛醣懲羮䯖B婠㚴鮪獿頥。嫷頥鑨杛醣懲羮A recommended when using a white background. B recommended when using a dark or color background

12

1.8 槪豈鑨杛頥 Standard Background

澑䎇籌蹁鑫孎惡敆髀槪宺鑨杛頥澐薶懲羮蛵籌嶗䀨㛵

懲羮蛵籌䯖㛽贋鍊㓇餱樰懪鯫杛㬕愞㬎諦艊鑨杛頥、

Several examples of correct and incorrect use of the emblem against di�erent backgrounds are shown here. Refer to the speci�cations to select an appropriate background color according to the scenario.

嫷頥槪宺敡鉝艀頥鑨杛頥Full color emblem with a white background

艀頥槪宺敡鉝獿頥鑨杛頥White emblem against a deep gray background

艀頥槪宺敡鉝豕頥鑨杛頥White emblem against a single color background

牕瞗豕頥槪宺敡鉝艀頥鑨杛頥Light gray emblem against a white background

㛽陽啔槪宺敡鉝鲋頥荁扟㫝鑨杛頥Don't use the full color emblem with a color background

㛽陽啔槪宺敡鉝鲋唻瀷頥艊鑨杛Don't use the full color emblem with a color background

㛽陽啔槪宺敡鮪鲋颭潷艊鑨杛Don't use the emblem with a complex background

㛽陽啔槪宺敡鉝鲋暺姪扟㫝鑨杛頥Don't use black logotype in the emblem with a dark background



姉羮㓇賒Usage Guidelines

14

2.1 踽閔窅鑨霎㓇餱 WeChat Brand Portfolio Speci�cation

1.5 X

1.5 X

X

X

孎惡敆髀鰓槪宺醮踽閔窅槪宺讜䎇妛鉝暚䯖婠㚴懲羮

艊䎯頥捵㱚。俋啢瀷籌飨倀瀕鉝饅跀贋鍊蛵籌、

When using the WeChatPay Score emblem in connection with the main WeChat logo, use the following speci�cations for color, sizing, and positioning.

WeChatPay Score Visual Identity Guidelines | Usage Guidelines孎惡敆髀鰓㓉㓌嫮㝧慇媆 | 姉羮㓇賒

15

X

X

2.1 踽閔窅鑨霎㓇餱 WeChat Brand Portfolio Speci�cation

孎惡敆髀鰓槪宺醮踽閔窅槪宺讜䎇妛鉝暚䯖婠㚴啔踽

閔窅槪宺敡鉝鲋䎇䉳蠐㓕䯖䎖翽醭詵島笩嶼╪、

When the WeChatPay Score full emblem is displayed in conjunction with the main WeChat symbol, be sure to place the WeChat logo in the four corners of the page with the speci�ed spacing with the page borders.

醭詵島駱餱縶 1XSpacing of 1X


16

2.2 孎惡敆髀鑨霎㓇餱 WeChat Pay Portfolio Speci�cation

孎惡敆髀鰓槪宺醮孎惡敆髀槪宺讜䎇妛鉝暚䯖婠㚴懲

羮艊䎯頥捵㱚。俋啢瀷籌飨倀瀕鉝饅跀贋鍊蛵籌、

When using the WeChatPay Score emblem in connection with the main WeChat Pay logo, use the following speci�cations for color, sizing, and positioning.

1.5 X

1.5 X

X

X


17

X孎惡敆髀鰓槪宺醮孎惡敆髀槪宺讜䎇妛鉝暚䯖婠㚴啔

踽閔窅槪宺敡鉝鲋䎇䉳蠐㓕䯖䎖翽醭詵島笩嶼╪、

When the WeChatPay Score full emblem is displayed in conjunction with the main WeChat Pay symbol, be sure to place the WeChat Pay logo in the four corners of the page with the speci�ed spacing with the page borders.

醭詵島駱餱縶 1XSpacing of 1X

2.2 孎惡敆髀鑨霎㓇餱 WeChat Pay Portfolio Speci�cation

X


18

2X

1/2X

X

2.3 諦慘閔窅妛鉝㓇餱 Co-Branding Speci�cations

嫕孎惡敆髀醮諦慘閔窅槪宺鄩諦暚䈑墮慁俋啢営唺酽

靪䯖鹾㳕羮荁讜艊頥嫷穼梪䯖飨墮㛇玜杝艊™㫊閔窅

諦慘饅跀䯒飨曐墴陸閔窅慘踵諦慘閔窅鮪醑蟢姉羮鯫

杛醣艊蛵籌䯓、

When using the WeChatPay Score emblem in combination with a co-brand emblem, it's important to maintain the same sizes and consistent color versions in order to ensure a clear co-brand relationship (using the Starbucks emblem as a co-brand in the following three examples).


19

2.3 諦慘閔窅妛鉝㓇餱 Co-Branding Speci�cations

嫕孎惡敆髀鰓醮諦慘閔窅槪宺鄩諦暚䈑墮慁俋啢営唺

酽靪䯖鹾㳕羮荁讜艊頥嫷穼梪䯖飨墮㛇玜杝艊™㫊閔

窅諦慘饅跀䯒飨曐墴陸閔窅慘踵諦慘閔窅鮪醑蟢姉羮

鯫杛醣艊蛵籌䯓、

When using the WeChatPay Score emblem in combination with a co-brand emblem, it's important to maintain the same sizes and consistent color versions in order to ensure a clear co-brand relationship (using the Starbucks emblem as a co-brand in the following three examples).

諦慘閔窅槪宺䈑醮孎惡敆髀槪宺墮慁営唺酽靪Co-brand emblem should be the same size as the WeChat Pay emblem

嫷頥諦慘閔窅槪宺䈑醮嫷頥孎惡敆髀槪宺妛鉝Use a full color WeChat Pay emblem when displaying a full color co-brand emblem

雜頥諦慘閔窅槪宺䈑醮雜頥孎惡敆髀槪宺妛鉝Both emblems use monochromatic color designs

㛽陽啔雜頥槪宺醮諦慘閔窅嫷頥蹕嫮槪宺妛鉝Don't use a monochromatic emblem paired with a full color co-brand emblem

㛽陽啔諦慘閔窅槪宺営唺敡俋Don't make the co-brand emblem larger than the WeChat Pay emblem

㛽陽啔嫷頥槪宺醮諦慘閔窅䧸艀蹕嫮槪宺妛鉝Don't use a full color emblem paired with a black & white co-brand emblem


20

2.4 竑濇鯫杛 Special Use Cases

孎惡敆髀鰓槪宺詵樰懪錨鉢懲羮鯫杛嶗䈑烢㫧ǹ酽呯艊

蹕嫮嶗䎯頥黌誼、

According to special use cases and needs, WeChatPay Score emblem can perform graphics and color changes.


21

2.5 姉羮蛵籌 Examples


WeChatPay Score Visual Identity Guidelines...05 1.2 呝斾槪宺 Full Emblem...

Documents

Transcript of WeChatPay Score Visual Identity Guidelines...05 1.2 呝斾槪宺 Full Emblem...