BANG BRAND & DESIGN GUIDELINES
V E RSIO N 1. 0
目录
01 02 03
2
OFT STH E GU I D E L I N E S TI NTROD A BL E OUCTI F C OON N T EN
ABOUT THE 我们的品牌 GUIDELINES 我 们 代 表 什么 CEO 语录
盎录
T A BL E O F C O N T EN T S
Welcome to the BANG Brand Design Guide.
Visual identity is a key element in the brand recognition process. Our brand identity design guide is designed to establish a visual image which is suitable for BANG brand positioning, and to guide BANG to establish a unique image through a comprehensive and comprehensive specification of the different elements and applications in visual identity. In general, BANG is independent, modern, rational and liberal. If BANG's visual style can follow this principle, then a clear and consistent brand image can be established in all applications.
According to the different importance of each element, and taking into account the operational and practical factors of implementation, this manual has corresponding specifications for the elements and items of the basic part, which is explained as follows: the corresponding design proposed in this manual, that is, the items of the specified size, layout and specifications, must be strictly observed and cannot be changed; any items that specify the size ratio, recommended materials and specifications in this guide must be strictly observed and cannot be changed at will.
3
目TA 录L O G CA
T A BL E O F C O N T EN T S
2 01
About The Guidelines
FRONTIER
6
01
Who We Are
02
What We Stand For
03
CEO Quotations
LOGO & BRAND DESIGN 01
LOGO Interpretation
02
Appropriate Propotion
01
我03们 的Restricted 品 牌Area and minimum size
02
我06们 代 表 什么
03
04
Principles of Colors and LOGO
05
Company Colors Secondary Colors
07
Background Colors
C08E O 语 录 Color Use Incorrect VISUAL IDENTITY ELEMENTS 01
Corporate Font
02
Principles of Picture Styles
03
Incorrect Picture Styles
BUSINESS PAPER
4
8
01
Business Card
02
A4 Paper
03
Envelope
20
24
目录 C A TA L O G
T A BL E O F C O N T EN T S
SOCIAL MEDIA
28
01
Necessity of Bang exposed to Social Media
02
Bang in Facebook / Instagram / Twitter
03
Bang's Tweet Specification
DIGITAL MEDIA 01
Information Architecture of Website
02
Design Principles of Website
03
Web Presentation
EXHIBITIONS 01
Signboard
02
Signage
03
Poster
04
Ticket
05
Uniform
06
Equipments
MY GROUP 01
Introduction of the team
02
Team Members
34
38
43
5
FR O目 N录 TI E R
T A BL E O F C O N T EN T S
FRONTIER
6
01
我们 的Are 品牌 Who We
02
我 们We 代 Stand 表 什么 What For
03
C E Quotations O 语录 CEO
目N录 FR O TI E R
T A BL E O F C O N T EN T S
Who We Are The art installation is used to create an immersive science experience pavilion, a conceptual space where art and science are brought together and integrated. Experiencers can interact with art installations here, each with a scientific experiment, law or philosophy.
What We Stand For Everyone who loves science and art.
CEO Quotations The Concept of BANG “We have always believed that art and science have some commonality and confrontation. The mainstream physics recognizes uncertainty, just as the possibility of artistic identity is diverse; and the order of science forms a collision with the disorder of art. We hope to form a new interpretation of science and art in this connection and collision."
The Values of BANG “Art is a form of expression, and science is the core. They are both indispensable. What we are doing now is actually a work of scientific communication, that is, to make science slowly penetrate into the senses of people, to impact people feel and think."
The Science Concept of BANG “Everyone has the right to think about science. Because you can think about not just science itself, but also your life.”
The Art Concept of BANG “If I want to describe art, I will compare it to a quantum superposition. The artwork itself can be superimposed in multiple meanings and given by each viewer. But if you go directly to the creator’s own will, then the meaning of the superposition will collapse ."
7
B R A N D & L O GO DESIG N
LOGO & BRAND DESIGN
8
01
LOGO Interpretation
06
Secondary Colors
02
Appropriate Propotion
07
Background Colors
03
Restricted Area and minimum size
08
Incorrect Color Use
04
Principles of Colors and LOGO
05
Company Colors
B R A N D & L O GO DESIG N
运用艺术装置营造沉浸式科学体验馆，一个让艺术与科学汇 聚、融合的概念空间。体验者可以在这里与艺术装置互动，每一 个装置都蕴藏着一个科学实验、定律或理念。
每一个热爱科学、艺术的生命。
LOGO Interpretation BANG's logo strongly demonstrates BANG's unremitting efforts in the field of science and art. In a rational way, it strives to express the scientific concept and the spirit of exploration through art.
The ring in the sign originates from the waves generated in scientific experiments, and at the same time coincides with the contours in geography and the line structure in art, which means that science is constantly developing and integrating with other fields.
BANG has a circular arc shape with a slightly concave shape on the upper side, which is deformed by other waves, which symbolizes that different fields will influence each other and have an effect on them.
BANG's logo points to the upper right and presents a pulsating posture, symbolizing that science and art are constantly advancing, and the BANG Science Museum will continue to evolve from generation to generation. 9
B R A N D & L O GO DESIG N
Appropriate Propotion
Bang's brand logo can use vertical or horizontal layout, unless you have a special case, please use horizontal layout.
The brand identity consists of an icon and the word "Bang". No modifications are allowed within the brand logo, including scaling and redrawing. When using a colored background, the brand identity must be clearly legible.
10
BR A N D& L OG O DESIGN
Appropriate Propotion
Bang's brand identity is a balanced whole, and its shape, structure and proportion must not be changed during use. Consistent use of brand logos helps maintain brand identity and make brands easier to identify. The grid lines shown on this page show the correct proportions of the Bang brand logo vertical and horizontal layouts.
The legend above is the correct proportion of the horizontal brand logo, and the legend on the right is the correct proportion of the vertical brand logo. 11
BR A N D & L O GO DESIG N
Restricted Area and minimum size
In order to spread the brand logo more clearly and effectively, the brand logo must be surrounded by a minimum size of blank space, called the restricted area, where no text, symbols and other graphic elements appear.
The "X" height in the legend corresponds to the height of the BANG font in the vertical and horizontal brand logos. In the vertical and horizontal brand logos, the limit width and height are both "X", and when the logo size changes, the corresponding limit area also changes.
12
BR A N D& L O G O DESIGN
Restricted Area and minimum size
The minimum dimensions in the use of various prints are shown. If the brand identity is smaller than this size, the logo will be illegible.
The first legend on the right is the minimum size of the vertical brand logo, and its width must not be less than 20mm. The second illustration on the right is the smallest size of the horizontal brand logo and its height must not be less than 15mm.
13
B R A N D& L O GO DESIG N
Principles of LOGO Colors
Standard Brand LOGO
Since the LOGO is gray overall, the LOGO colors used in multimedia and propagation materials are allcolor versions during use.
All-color Version Use the full-color version of the
All-color Version
brand logo whenever possible. The full-color version of the logo is suitable for all communication materials, including print ads, TV commercials, accessories and electronic media.
Black Version The entire brand logo will be represented in a solid color and will not be blended with other colors.
14
Pantone 426 C/U
C74 M67 Y64 K23
BR A N D & L OG O DESIGN
Principles of LOGO Colors
Company Colors
Company-specific colors are critical to strengthening the company's brand. Company-specific colors are widely used in various communication systems, including stationery, advertising, print, multimedia, office environment, and accessory products.
15
B R A N D& L OG O DESIGN
Principles of LOGO Colors
Company Colors
The following auxiliar y design colors match the company's red color. These colors can be used for graphics, printing and products. The swatch is immutable. No color other than the company color and the 14 colors shown on this page should be used in BANG's design. When using one color, you can use any of the standard, heavy, and special colors in the swatch.
Standard Colors
Two-tone Colors
Special Colors
When using different design colors in combination, you must use the same color (column) or the same saturation color (horizontal row). This method makes the visual effect of the design uniform and harmonious, and can enhance the unique brand personality of BANG. 16
B R A N D & L OG O DESIGN
Principles of LOGO Colors
Background Colors
In order to ensure that the brand logo is clearly identifiable, it is important to strictly control the brightness of the background color. This page provides a color version of the logo applied to different shades of gray background for your reference. Users can also refer to the swatch to measure the brightness of a colored background. The example inside the box is the correct logo application, and the example of the slash stroke is the wrong logo application.
17
B R A N D & L OG O DESIGN
Principles of LOGO Colors
Background Colors
In order to ensure that the brand logo is clearly identifiable, it is important to strictly control the brightness of the background color. This page provides a white version of the white logo applied to the different shades of gray background for the user's reference. Users can also refer to the swatch to measure the brightness of a colored background. The example inside the box is the correct logo application, and the example of the slash stroke is the wrong logo application.
18
B R A N D & L OG O DESIGN
Incorrect Color Use
图示 1
Please note that all brand logos must be used with care to ensure consistency of the brand logo. Some common application errors regarding brand logos are listed on the right, please avoid them!
图示 2
Figure 1 The positional relationship between the logo graphic and "BANG" cannot be changed.
Figure 2 The proportion of the brand logo cannot
图示 3
be changed. Do not enlarge or reduce the logo graphic.
Figure 3 A font that cannot be bolded or thinned.
19
VIIS U AL IDENTIT Y EL EM EN T
VISUAL IDENTITY ELEMENTS
20
01
Corporate Font
02
Principles of Picture Styles
03
Incorrect Picture Styles
VIIS U AL IDENTIT Y EL EM EN T
运用艺术装置营造沉浸式科学体验馆，一个让艺术与科学汇 聚、融合的概念空间。体验者可以在这里与艺术装置互动，每一 个装置都蕴藏着一个科学实验、定律或理念。
Corporate Font
W a lk w a y Se m iBo ld
abcdefghijklmnopqrstuvwxyz 每一个热爱科学、艺术的生命。 ABCDEFGHIJKLMNOPQRSTUVWXYZ
Co m p a n y - s p e c i f i c f o n t s a r e an important element of the
W a lk w a y Bo ld
BANG brand. In order to form a
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
unified identity in all of BANG's printing and electronic materials,
W a lk w a y U lt r a Bo ld
all media (including corporate
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
communications, advertising materials, stationery, signage, websites, etc.) must apply the
W a lk w a y Bla c k
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
specified standard series of fonts. Careful use of uniform companyspecific fonts can enhance brand expression and create a bold, modern and confident image.
The company-designated special font is the Wlakway series font in the English version. The Walkway series features a modern look that matches the brand's logo and is highly readable at a wide range of sizes. See the printed chapters, advertisements, and other related sections for illustrations on how to apply company-specific fonts. 21
VIIS U AL IDENTITY EL EMEN T
Principles of Picture Styles
Style Reflecting the soul of modern art, pioneering, concept, experiment, and criticism.
Imagination The content in the picture should show the artistic core of the exhibits inside the museum, and it should show its sense of composition and form, which will cause the viewers to think.
Cutting Appropriate use of cutting techniques to highlight the details of the exhibits can enhance BANG's visual expression.
Angle The angle of the photo is as close as possible to the eye level, and does not exclude the case where the visual tension is tilted.
22
VIIS U AL IDENTITY EL EM EN T
Incorrect Picture Styles
Inappropriate pictures can undermine the visual expression of the BANG brand and undermine the unity of visual communication. Please understand the principles outlined on this page.
Too rough The exhibits that are photographed should not be damaged by the viewing experience. They should not be rough and not aesthetically pleasing due to angles and colors.
Too straightforward Please avoid using pictures made with postures.
Content In the presentation of related fields such as biology and medicine, it is not appropriate to have an anatomical picture of excessive bloodyness. (Image should not be displayed)
Character The appearance of the character must not destroy the image to show the overall composition of the exhibit.
23
COMMER CIA L P A P ER
BUSINESS PAPER
24
01
B u si n e ss C a r d
02
A 4 Pape r
03
E n ve l o pe s
COMMER CIA L P A P ER
Business Card
25
COMMER CIAL P A P ER
A4 Paper
26
COMMER CIAL P A P ER
Envelopes
Envelope Design
Specifications for Envelope Design
27
S OCIAL MED I A
SOCIAL MEDIA
28
01
Necessity of Bang exposed to Social Media
02
Bang in Facebook / Instagram
03
Bang's Tweet Specification
S OCIAL MED I A
Necessity of Bang exposed to Social Media
Today, the development of major brands is increasingly unable to break away from social needs and communication attributes, and the Bang Science Museum is no exception. Bang insists on the concept of pure science in the art way, and is willing to share the scientific rationality with our experience customers on various social media platforms, create a new scientific expression in a creative way, and participate in the construction of art&music paradise together.
Today, we have launched our official account on most social platforms. Including Weibo, WeChat platform; at the same time facing overseas users, we also launched official instagram, facebook and twitter accounts.
29
S OCIAL M ED I A
Ba ng i n fac e bo o k / ins ta gram/t w i tte r
On Facebook, Bang published the relevant tweets under the nickname of Bang Lab. The content is more than Ins where the activity information is mainly pushed.
30
S OCIAL M ED I A
Ba ng i n fac e bo o k / insta gram /tw i tte r
Bang on Twitter to promote small scientific knowledge and interaction.
31
S OCIAL MED I A
B ang i n f ac e bo o k / in sta gram /tw i tte r Bang is mostly focusing on publishing events and promoting small videos on Ins.
32
S OCIAL MED I A
Bang's Tweet Specification
Due to the slightly different functions and positioning of social media, Bang has a slightly different style on different social media. The Bang Science Museum, on the major social media, uses the beginning of Tag to indicate the theme of each push.
On Facebook and Twitter, Bang's official account is mainly to serve overseas users, promote cutting-edge science and art installations, and push theoretical knowledge about science and art. On Instagram, most of them are picture push and short video push, focusing on new science and art design, introducing the latest exhibition information of the Bang Science Museum.
33
DIGITIAL MED I A
DIGITIAL MEDIA
34
01
Information Architecture of Website
02
Design Principles of Website
03
Web Presentation
DIGITIAL MED I A
Information Architecture of Website
35
DIGITIAL M ED I A
Design Principles of Website
Title: segoe UI - 40 points Text: Noto Sans CJK SC (Bold) - 16 points Page size: 1920 × 1080 px Grid system: as shown above Image specification: adjustment based on grid system
36
DIGITIAL MED I A
Website Presentation
The homepage focuses on recent promotional videos.
Homepage and other pages on BANG APP
Other pages are a list of exhibits, science stories 37
EXHIBITION
EXHIBITION
38
01
Signboard
02
Signage
03
Poster
04
Ticket
05
Uniform
06
Equipments
EXHIBITION
The BANG exhibition should have both sides of science and art. The exhibition covers all areas of serious science, while the art side is mainly expressed by visual art effects. Therefore, every exhibition of BANG is based on the classic design elements of an artist or designer. Based on Van Gogh's "Starry Sky", using PROCESSING's random vector track generation technology, it is transformed into BANG's exclusive "contour style", and a new "Starry Sky" is drawn as the main decorative element.
Signboard
3D signboard on the wall.
39
EXHIBITION
Signage
The base map is the contour line, the LOGO is marked in the lower right corner, and the arrow clearly indicates the direction of the stadium.
40
EXHIBITION
Poster
The poster is designed from the vacuum, the vortex force field and the core pattern for the performance theme.
Tickets
Designed with a uniform vector field pattern.
41
EXHIBITION
Uniform
The 3D or printed LOGO and line texture are the basic elements, and the contour line is used as an auxiliary decoration.
Equipments
BANG's exclusive chemical instrument with LOGO is full of green plants and flowers, which can be described as a kind of tenderness between rationality.
42
MY GR O UP
MY GROUP
01
Introduction of the team
02
Team Members
43
MY GR OU P
Introduction of the team
As Flaubert said: "Art and science always reunite on the top of the mountain." BANG's start-up team is the practitioner of this concept.
In their view, art and science are just ways to understand the world. These two methods seem to be independent of each other and actually accommodate each other.
Since the establishment of BANG, the team has been working hard to achieve a delicate balance between art and science. To achieve a balance is not an easy task. The team's brand concept has been on the verge of danger – deviating from both science and art, and almost returned to the dilemma of separation between science and art. So far, the team has initially formed a basic balance model - each exhibition theme, using the same artistic style to express different scientific connotations.
In the future, the team will continue to explore the connection and collision of science and art, forming a new interpretation of science and art. 44
MY GR O UP
Team Members
Dan LUO BANG’s CEO
Yeqing REN BANG's CXO
Qing MU BANG’s Chief Art Officier 45
Thank
46
nks For Watching.
47