Above & Beyond Identity Guide
brandguide.indd 1
30/04/2010 11:40:51 PM
Introduction Above and Beyond is an online broadcasting channel that provides a platform for kids to learn about sustainability through cartoon and motion infographic. Above and Beyond is a self-taught environment for every child. This online channel, self conduct activities, and discussion forms helps children to understand the issue we are facing today with the environment. Through the three platforms we hope to educate the young generation about sustainability and evoke new ways of living.
dd16
brandguide.indd 2
Nancy Sun Branding 2 Term 4 Project
pg.3 pg.2 30/04/2010 11:40:52 PM
Table of Contents Introduction Table of Contents Promis & Personality Logo Logo Design Logo Design: Symbol Clear Space and Ratio Basic Logo and Abbreviated Size Incorrect Usage
Color Logo Color Color: Alternative Negative Logo Incorrect Use of Color
Typography Primary Font Secondary Font Tag Line Font
Photography Photography Color Photography Content
Applications Application: Pattern Application: Stationery Application: Business Card Lower Third for Video Advertising: Poster Application: Toy & Gifts
dd16
brandguide.indd 3
pg 2 pg 3 pg 4 pg 5 pg 6 pg 7 pg 8 pg 9 pg 10 pg 11 pg 12 Pg 13 Pg 14 Pg 15 pg 16 pg 17 Pg 18 Pg 19 Pg 20 pg 21 Pg 22 Pg 23 pg 24 Pg 25, 26, 27 Pg 28, 29 pg 30 pg 31 pg 32, 33, 34 pg 35, 36
Nancy Sun Branding 2 Term 4 Project
pg.3 30/04/2010 11:40:52 PM
Promise and Personality Unlike other children’s website, Above and Beyond promises to present the nature of the information in realistic photography. We do not want to hide the ugliness of the destruction human cause to earth. We want the children to realize the consequences through their eyes and be able to create a new sustainable way of life. Through our saturated use of colors, we want to grab the attention of the youth in a fun and creative manner. We hope, by exposing our children to this matter, we will invent a new generation were technology and environment can co-exist.
dd16
brandguide.indd 4
Nancy Sun Branding 2 Term 4 Project
pg.5 pg.4 30/04/2010 11:40:52 PM
Logo dd16
brandguide.indd 5
Nancy Sun Branding 2 Term 4 Project
pg.5 30/04/2010 11:40:52 PM
Logo Design
The name Above and Beyond symbolize looking forward and reaching higher for the better future. The logo consists of the name and a symbol on top. The paper airplane represents the combination between technology and natural resource. The dash line implies a take off, and at the same time, draws a landscape of mountains.
dd16
brandguide.indd 6
Nancy Sun Branding 2 Term 4 Project
pg.7 pg.6 30/04/2010 11:40:52 PM
Logo Design: Symbol
The symbol can standing alone and can be used with different dash lines. When standing alone, the airplane can fly in the image from any direction as long as the perspective is correct.
dd16
brandguide.indd 7
Nancy Sun Branding 2 Term 4 Project
pg.7 30/04/2010 11:40:52 PM
Clear Space and Ratio
6X
21X X
X 7X X X
2X
X 27X
1.25X X
X 7X 1/2
X
7.25X X X X
dd16
brandguide.indd 8
Nancy Sun Branding 2 Term 4 Project
X
pg.9 pg.8 30/04/2010 11:40:53 PM
Basic Logo & Abbreviated Version 27X
2X
1.25X X
X 7X 1/2
X
7.25X X
1.5X X
9X
X X
Online Channel for Sustainability
Live for the future Possible tagline or description for Above and Beyond can be added and the left hand corner of the space. The clearspace will be extended to 1/8X below. dd16
brandguide.indd 9
Nancy Sun Branding 2 Term 4 Project
pg.9 30/04/2010 11:40:53 PM
Size
1 inch When the logo is used for any print format, for clarity reason, it is suggested not to use the logo smaller than 1 inch in width. There is no maximum size for the loge, however, it is suggested not to use a logo size bigger than 2/3 of the page.
1 inch
7 3/4 inches
When using the symbol independently, for identification purpose, the height of the airplane should not be smaller than 1 inch, with the exception of business card.
dd16
brandguide.indd 10
Nancy Sun Branding 2 Term 4 Project
pg.11 pg.10 30/04/2010 11:40:53 PM
Incorrect Usage The airplane symbol should not fly from left to right.
The airplane symbol should not be underneath the logo.
The logo should always have dash line
The airplane should not be out of proportion in the logo.
The logo should not be on an angle.
The words should not be capitalized and should use ampersand instead of “and.�
dd16
brandguide.indd 11
Nancy Sun Branding 2 Term 4 Project
pg.11 30/04/2010 11:40:54 PM
Color Logo dd16
brandguide.indd 12
Nancy Sun Branding 2 Term 4 Project
pg.13 pg.12 30/04/2010 11:40:54 PM
Color RGB CMYK LAB Panton Web
233 . 0 . 4 2 . 100 . 100 . 1 50 . 75 . 64 Warm Red #e71e25
RGB CMYK LAB Panton Web
0 . 20 . 174 99 . 94 . 0 . 1 20 . 45 . -81 810 #283995
RGB CMYK LAB Panton Web
255 . 198 . 1 0 . 22 . 99 . 0 83 . 11 . 84 810 #ffc70b
RGB CMYK LAB Panton Web
4 . 128 . 42 88 . 25 . 100 . 12 47 . -45 . 36 356 #0d8140
The color to represent Above and Beyond is the three primary colors and green. These four colors are has a history of representing the different categories of recycling. These four colors are also the element to create any possible color in the world. dd16
brandguide.indd 13
Nancy Sun Branding 2 Term 4 Project
pg.13 30/04/2010 11:40:54 PM
Negative Logo
The negative logo can be used when the imagery is lacking one of the four brand colors. The negative logo should only be used with on more than one color. Brand color yellow should not be used for negative logo.
dd16
brandguide.indd 15
Nancy Sun Branding 2 Term 4 Project
pg.15 30/04/2010 11:40:55 PM
Incorrect Use of Color
Should not use all four color.
Should not use all four color.
Should not color the symbol different from the logo.
Should not only color the symbol when used in a logo form.
Should not only color the words of the logo.
Should not only color the airplane of the symbol.
dd16
brandguide.indd 16
Nancy Sun Branding 2 Term 4 Project
pg.17 pg.16 30/04/2010 11:40:55 PM
Typography dd16
brandguide.indd 17
Nancy Sun Branding 2 Term 4 Project
pg.17 30/04/2010 11:40:55 PM
Primary Font The primary font is used for headlines, names, and titles. The primary fonts should not be use as tag lines or any text that is allowed in the clear space. It is only for caption.
Arial Rounded MT Bold ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdef ghijklmnop qrstuvwxyz 1234567890!@#$%^ &*()-=_+{}[]\:;”<>,?’/.
dd16
brandguide.indd 18
Nancy Sun Branding 2 Term 4 Project
pg.19 pg.18 30/04/2010 11:40:55 PM
Secondary Font The secondary font is used for any large body of text or contacts. Summary, address, instructions, and content should use the secondary font.
Univers 55 ABCDEFGHIJKLMN O P Q R ST U V W XY Z abcdefghijklmnop qrstuvwxyz 1234567890!@#$%^ &*()-=_+{}[]\:;”<>,?’/.
dd16
brandguide.indd 19
Nancy Sun Branding 2 Term 4 Project
pg.19 30/04/2010 11:40:55 PM
Tag line Font The tag line font is a character font for any slogan and taglines. This font should use with consideration, and not overly used.
Ampersand ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdefghijklmnop qrstuvwxyz 1234567890!@#$%^ &*()-=_+{}[]\:;”<>,?’/.
dd16
brandguide.indd 20
Nancy Sun Branding 2 Term 4 Project
pg.21 pg.20 30/04/2010 11:40:55 PM
Photography dd16
brandguide.indd 21
Nancy Sun Branding 2 Term 4 Project
pg.21 30/04/2010 11:40:55 PM
Photography Color The photography should consist of high contrast saturation images. The photography consists of two color choices. Photograph either includes all the four brand colors of red, blue, yellow, and green, or contains one dominate brand color.
Example of four brand color used in one photography.
Example of one brand color used in photography.
dd16
brandguide.indd 22
Nancy Sun Branding 2 Term 4 Project
pg.23 pg.22 30/04/2010 11:40:56 PM
Photography Content The photographic content must represent an environmental problem, evoke an evolutional thinking, or reflect a sustainable way of living. The image should record truthfully without any modification. It is important that the photography reflects the nature of the problem for the youth to understand.
Example of photography content with four brand colors.
Example of the photography content in on dominate brand color.
dd16
brandguide.indd 23
Nancy Sun Branding 2 Term 4 Project
pg.23 30/04/2010 11:40:57 PM
Applications dd16
brandguide.indd 24
Nancy Sun Branding 2 Term 4 Project
pg.25 pg.24 30/04/2010 11:40:57 PM
Application: Pattern
dd16
brandguide.indd 25
Nancy Sun Branding 2 Term 4 Project
pg.25 30/04/2010 11:40:57 PM
Application: Pattern
Pattern design is based on origami steps of making a paper airplane. This pattern can be expended in to various alternative with other origami such as swan, flower, or car.
dd16
brandguide.indd 26
Nancy Sun Branding 2 Term 4 Project
pg.27 pg.26 30/04/2010 11:40:58 PM
Application: Pattern
Pattern design is based on sustainability. Each design has three step life cycle. The alternative design can be created base on other cycle system. The dash line is 1pt weight, 2pt dash, and 2pt gap.
dd16
brandguide.indd 27
Nancy Sun Branding 2 Term 4 Project
pg.27 30/04/2010 11:40:58 PM
Application: Stationery
1 1/2’’ 2 1/2’’
1’’
Type: Univers 55 for body text and the address should not be smaller than 8pt. Graphic: The illustration should be in 30% gray and the there should be at least 2 inches of space between the text body and graphic.
1/2’’
1 1/2’’ 1 1/2’’
3’’
dd16
brandguide.indd 28
Nancy Sun Branding 2 Term 4 Project
pg.29 pg.28 30/04/2010 11:41:01 PM
Application: Stationery
Color: CMYK Graphic: The patter can be changed with the dash pattern. The color background behind the graphic should consists of the color range of rainbow, or the four brand color: red, blue, yellow, and green.
dd16
brandguide.indd 29
Nancy Sun Branding 2 Term 4 Project
pg.29 30/04/2010 11:41:04 PM
Application: Business Card
Print: CMYK and Black
1/2’’ 1/8’’ 1/2’’
Type: Use the primary font for the name. The first name can be colored with red, blue, and yellow.
1/2’’ 3/4’’
1’’
Use Secondary font for the e-mail address and phone number. Since Above and Beyond is a online website, we will not be posting address on the name card. Graphic: The graphic can alternate with other dash patterns and the color on the back should be blue, red, and yellow.
dd16
brandguide.indd 30
Nancy Sun Branding 2 Term 4 Project
pg.31 pg.30 30/04/2010 11:41:05 PM
The longest possible title of the video
Lower Third for Video The longest possible title of the video
@
The lower third appears at the beginning of each video and only appears at the lower right hand side.
The longest possible title of the video
dd16
brandguide.indd 31
Nancy Sun Branding 2 Term 4 Project
@
pg.31 30/04/2010 11:41:06 PM
Advertising: Poster
dd16
brandguide.indd 32
Nancy Sun Branding 2 Term 4 Project
pg.33 pg.32 30/04/2010 11:41:07 PM
Advertising: Poster
dd16
brandguide.indd 33
Nancy Sun Branding 2 Term 4 Project
pg.33 30/04/2010 11:41:08 PM
Advertising: Poster
dd16
brandguide.indd 34
Nancy Sun Branding 2 Term 4 Project
pg.35 pg.34 30/04/2010 11:41:08 PM
Application: Toy & Gifts
Yo yo is one of the good example of give way for Above and Beyond. Yo yo is a toy that needs to continue with the gesture of up and down, which is similar to a cycle. The gift is interactive and describes the main idea of the brand.
dd16
brandguide.indd 35
Nancy Sun Branding 2 Term 4 Project
pg.35 30/04/2010 11:41:10 PM
Application: Toy & Gifts
A sketch book gives children a platform for collecting ideas and finding. By giving a way the sketch book, Above and Beyond encourages children to learn and explore.
dd16
brandguide.indd 36
Nancy Sun Branding 2 Term 4 Project
pg.36 30/04/2010 11:41:14 PM