Above & Beyond Identity Guide brandguide.indd 1 30/04/2010 11:40:51 PM
Mar 23, 2016
Above & Beyond Identity Guide
brandguide.indd 1 30/04/2010 11:40:51 PM
dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecT pg.2pg.3
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.
brandguide.indd 2 30/04/2010 11:40:52 PM
pg.2 dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecTpg.3 pg.3
Table of Contents
IntroductionTable of Contents
Promis & Personality
Logo Logo Design
Logo Design: SymbolClear Space and Ratio
Basic Logo and Abbreviated Size
Incorrect Usage
Color LogoColor
Color: AlternativeNegative Logo
Incorrect Use of Color
TypographyPrimary Font
Secondary FontTag Line Font
PhotographyPhotography Color
Photography Content
ApplicationsApplication: Pattern
Application: StationeryApplication: Business Card
Lower Third for VideoAdvertising: Poster
Application: Toy & Gifts
pg 2pg 3pg 4
pg 5pg 6pg 7pg 8pg 9pg 10pg 11
pg 12 Pg 13Pg 14Pg 15pg 16
pg 17 Pg 18Pg 19Pg 20
pg 21 Pg 22Pg 23
pg 24 Pg 25, 26, 27Pg 28, 29pg 30pg 31pg 32, 33, 34pg 35, 36
brandguide.indd 3 30/04/2010 11:40:52 PM
dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecT pg.4pg.5
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.
brandguide.indd 4 30/04/2010 11:40:52 PM
pg.4 dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecTpg.5 pg.5
Logo
brandguide.indd 5 30/04/2010 11:40:52 PM
dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecT pg.6pg.7
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.
brandguide.indd 6 30/04/2010 11:40:52 PM
pg.6 dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecTpg.7 pg.7
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.
brandguide.indd 7 30/04/2010 11:40:52 PM
dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecT pg.8pg.9
Clear Space and Ratio
X
7X
X
X
1/2 X
7X
7.25X
2X 27X 1.25X
X
X X
X
X
X
X X
6X 21X
brandguide.indd 8 30/04/2010 11:40:53 PM
pg.8 dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecTpg.9 pg.9
Basic Logo & Abbreviated Version
X
X
1/2 X
7X
7.25X
2X 27X 1.25X
X X
X
X
1.5X
9X
Online Channel for Sustainability
Live for the futurePossible 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.
brandguide.indd 9 30/04/2010 11:40:53 PM
dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecT pg.10pg.11
Size
1 inch
7 3/4 inches
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.
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.
brandguide.indd 10 30/04/2010 11:40:53 PM
pg.10 dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecTpg.11 pg.11
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.”
brandguide.indd 11 30/04/2010 11:40:54 PM
dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecT pg.12pg.13
Color Logo
brandguide.indd 12 30/04/2010 11:40:54 PM
pg.12 dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecTpg.13 pg.13
Color
RGB CMYK
LABPanton
Web
RGB CMYK
LABPanton
Web
RGB CMYK
LABPanton
Web
RGB CMYK
LABPanton
Web
233 . 0 . 4 2 . 100 . 100 . 150 . 75 . 64Warm Red#e71e25
0 . 20 . 174 99 . 94 . 0 . 120 . 45 . -81810#283995
255 . 198 . 1 0 . 22 . 99 . 083 . 11 . 84810#ffc70b
4 . 128 . 42 88 . 25 . 100 . 1247 . -45 . 36356#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.
brandguide.indd 13 30/04/2010 11:40:54 PM
pg.14 dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecTpg.15 pg.15
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.
brandguide.indd 15 30/04/2010 11:40:55 PM
dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecT pg.16pg.17
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.
brandguide.indd 16 30/04/2010 11:40:55 PM
pg.16 dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecTpg.17 pg.17
Typography
brandguide.indd 17 30/04/2010 11:40:55 PM
dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecT pg.18pg.19
Primary Font
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1234567890!@#$%^&*()-=_+{}[]\:;”<>,?’/.
Arial Rounded MT Bold
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.
brandguide.indd 18 30/04/2010 11:40:55 PM
pg.18 dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecTpg.19 pg.19
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.
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1234567890!@#$%^&*()-=_+{}[]\:;”<>,?’/.
Univers 55
brandguide.indd 19 30/04/2010 11:40:55 PM
dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecT pg.20pg.21
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.
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1234567890!@#$%^&*()-=_+{}[]\:;”<>,?’/.
Ampersand
brandguide.indd 20 30/04/2010 11:40:55 PM
pg.20 dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecTpg.21 pg.21
Photography
brandguide.indd 21 30/04/2010 11:40:55 PM
dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecT pg.22pg.23
Photography Color
Example of four brand color used in one photography.
Example of one brand color used in photography.
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.
brandguide.indd 22 30/04/2010 11:40:56 PM
pg.22 dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecTpg.23 pg.23
Photography Content
Example of photography content with four brand colors.
Example of the photogra-phy content in on dominate brand color.
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.
brandguide.indd 23 30/04/2010 11:40:57 PM
dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecT pg.24pg.25
Applications
brandguide.indd 24 30/04/2010 11:40:57 PM
pg.24 dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecTpg.25 pg.25
Application: Pattern
brandguide.indd 25 30/04/2010 11:40:57 PM
dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecT pg.26pg.27
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.
brandguide.indd 26 30/04/2010 11:40:58 PM
pg.26 dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecTpg.27 pg.27
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.
brandguide.indd 27 30/04/2010 11:40:58 PM
dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecT pg.28pg.29
Application: Stationery
1 1/2’’
1/2’’
1 1/2’’
2 1/2’’1’’
3’’
1 1/2’’
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.
brandguide.indd 28 30/04/2010 11:41:01 PM
pg.28 dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecTpg.29 pg.29
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.
brandguide.indd 29 30/04/2010 11:41:04 PM
dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecT pg.30pg.31
Application: Business Card
1/2’’
1/2’’
3/4’’
1/2’’1/8’’
1’’
Print: CMYK and Black
Type: Use the primary font for the name. The first name can be colored with red, blue, and yellow.
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.
brandguide.indd 30 30/04/2010 11:41:05 PM
pg.30 dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecTpg.31 pg.31
Lower Third for Video
The longest possible title of the video @
The longest possible title of the 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.
brandguide.indd 31 30/04/2010 11:41:06 PM
dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecT pg.32pg.33
Advertising: Poster
brandguide.indd 32 30/04/2010 11:41:07 PM
pg.32 dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecTpg.33 pg.33
Advertising: Poster
brandguide.indd 33 30/04/2010 11:41:08 PM
dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecT pg.34pg.35
Advertising: Poster
brandguide.indd 34 30/04/2010 11:41:08 PM
pg.34 dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecTpg.35 pg.35
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 con-tinue with the gesture of up and down, which is simi-lar to a cycle. The gift is interactive and describes the main idea of the brand.
brandguide.indd 35 30/04/2010 11:41:10 PM
dd16 NaNcy SuN BraNdiNg 2 Term 4 ProjecT pg.36
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.
brandguide.indd 36 30/04/2010 11:41:14 PM