ACADEMY of ART UNIVERSITY
SPRING may
SHOW
25th
2011
BRAND STYLE GUIDE
“Accomplishment is easiest when we work the hardest, and it is hardest when we work the easiest.” UNKNOWN
OUR MISSION The Academy of Art University Spring Show celebrates and showcases student works of excellence, originality and elite talent. This seal reflects the skillful work of the students along with the fresh and contemporary atmosphere of the AAU Spring Show. BRAND BOOK
ACADEMY of ART UNIVERSITY
TABLE OF CONTENTS 2011
part 01
part 02
part 03
part 04
03. FULL COLOR LOGO 04. BLACK & WHITE LOGO 05. CLEAR SPACE LOGO 06. LOGO DOS 07. LOGO DONT’S
11. TYPOGRAPHY 13. COLORS
18. PUBLIC TRANSPORT 19. STREET BANNERS 20. DIRECTIONAL SIGNS 21. ELEVATORS 22. DISPLAY MONITORS 23. WEB BANNER 24. WEB HOMEPAGE
26. INVITATION 27. NAME TAGS 28. TABLE CARDS 29. T-SHIRTS 30. CERTIFICATE
THE LOGO part
DESIGN PG 1
one
01 FULL LOGO DESIGN part one – page 03
01
ELITE & AWARDING This seal-styled logo is used to display and award the hard work of the elite students showcased in the Spring Show.
02
CONTEMPORARY
ACADEMY of ART UNIVERSITY
SPRING may
2011
Fresh, unusual, and interesting, this logo demonstrates the originality and contemporary feel of the Spring Show.
01
THE MISSION: The Academy of Art University Annual Spring Show celebrates and showcases students work of excellence, originality and elite talent. This seal reflects the skillful work of the students along with the fresh and contemporary atmosphere of the 2011 Spring Show.
SHOW
25th
02
The 2011 Spring Show design differs greatly from previous years through it’s unique color choice, interesting shape patterns, and a seal-like quality. Using a seal as the logo demonstrates the quality and dedication of the school.
02 LOGO BLACK AND WHITE part one – page 04
01
GRAYSCALE Use your computer settings to set the logo at an acceptable and well contrasted grayscale version
02
ALWAYS AVOID This is only to be used for faxes and quick black and white printing. Not to be printed for the public.
01
02
This version is only to be used for faxes and black and white printers. Do not use this to print out for Academy of Art University Spring Show attendees. This is to be used stictly for quick documents, and not to be seen by the public.
To turn the logo into grayscale, check your computer’s print settings for grayscale features. You can also use your image editing program, or programs of choice.
03 USING CLEAR SPACE part one – page 05
X
01
CLEAR SPACE Don’t allow any type, images or any other sort of obstruction too close to the logo. This will cause unnecessary distraction to the display of the logo
02
ACADEMY of ART UNIVERSITY
X
THE “W”
SPRING may
SHOW
X
25th
2011
To set the boundaries for space around the logo, use the respectively sized “W” in “SHOW” as a basis.
X
01
02
Logos should never be over crowded with any items such as images, typography, or any other sort of obstruction. The Spring Show logo should have white, blue (the appropriate blue) or the appropriate cream color background. However, no item should touch the logo by any means.
Use the size of “SHOW” or for easier reference, just the “W” in “SHOW” to determine the amount of clear space needed around the logo. You will need to measure this upon resizing the logo.
X
04 APPROPRIATE USAGE part one – page 06
01
BACKGROUNDS To set the boundaries for space around the logo, use the sized “W” in “SHOW” as a basis.
ACADEMY of ART UNIVERSITY
SPRING
SPRING
2011
2011
may
02
ACADEMY of ART UNIVERSITY
SHOW
25th
may
SHOW
25th
DECORATION Use decoration sparingly and only if the seal seems empty within the design.
ACADEMY of ART UNIVERSITY
ACADEMY of ART UNIVERSITY
SPRING may
SHOW
25th
SPRING may
SHOW
25th
2011
2011
01
02
Background colors for the logo should only be turquoise, yellow, and white. Appropriate clear space must be added to the logo at all times.
Decoration around the logo is acceptable. The decoration should only be the banner, with the interior knocked out to the blue, white or yellow background color. Keep it far enough away from the logo to not distract the viewer.
05 INAPPROPRIATE USAGE part one – page 07
01
BACKGROUNDS Never use an orange background, this deforms our logo. Also never use a misshaped background.
ACADEMY of ART UNIVERSITY
SPRING
SPRING
2011
2011
may
02
ACADEMY of ART UNIVERSITY
SHOW
25th
may
SHOW
25th
DECOR/CROPPING Always have empty bands cropped off the side, be sure to never have them touching the logo. Never have the logo cropped off the page.
ACADEMY of ART UNIVERSITY
SPRING may
SHOW
25th
2011
SPRIN AC A
may
DEM
Y of A RT
U N IV
SHOW 2011
E R SI
TY
G
25th
01
02
The logo should never have an orange background. This disrupts the dimensionality of the logo. Nor should the logo ever have a misshaped background without the orange dimensional border.
Never have the logo bands touching the logo, or become too distracting. The Spring Show logo should never be cropped off the side of the page.
TYPOGRAPHY part
& COLOR PG 9
two
01 TYPOGRAPHY part two – page 11
KNOCKOUT
01
HTF32 JUNIOR MIDDLE WEIGHT
KNOCKOUT
02
HTF50 WELTER WEIGHT
03
KNOCKOUT HTF49 LIGHT WEIGHT
01
02
Knockout is the dominant font used in the brand identity. Though Knockout is capable of many weights, there are only three that are to be used in the 2011 Spring Show design system. HTF32 Junior Middle Weight, HTF50 Welter Weight and HTF49 Light Weight. Each have their own rules and guidelines of when to use them
HTF32 Junior Middle Weight - Body copy. HTF50 Welter Weight - Headlines, and “Show” in logo. HTF49 Light Weight - Only for “Spring” in logo.
02 TYPOGRAPHY part two – page 12
01
adobe garamond ADOBE GARAMOND SMALL CAP & OLDSTYLE FIGURES
02
ADOBE GARAMOND ADOBE GARAMOND BOLD
01
02
Adobe Garamond is only to be used as an accent typeface. The Academy of Art University uses this font in their logo. You will also find this face spelling out the date in the Spring Show logo. Use this face in small type situations and numerals. There are only two styles of Adobe Garamond to use, bold and small caps.
Adobe Garamond Small Caps & Oldstyle Figures are to be used as the primary Adobe Garamond typeface. Adobe Garamond Bold is only used to display The Academy of Art Univeristy logo. This face should only be displayed in dark gray.
03 COLORS part two – page 13
01
ORANGE 01 C = 00 M = 50 Y = 100 K = 00
02
ORANGE 02 C = 00 M = 40 Y = 80 K = 00
03
R = 247 G = 166 B = 53
ORANGE 03 C = 00 M = 27 Y = 69 K = 00
04
R = 240 G = 127 B = 10
R = 249 G = 177 B = 79
YELLOW C = 00 M = 00 Y = 30 K = 00
R = 255 G = 250 B = 178
01
02
Here are the orange colors used in the design. These are used to show depth in the graphic elements. Blue type is to be displayed only on yellow. Gray type is only to be displayed on Orange 03. Yellow is used as a background color, and Orange 01-03 are used to create an uneven depth around the yellow background color.
Never have any of the oranges touch the same shade of orange. This creates a distasteful element, and disrupts the angles to create the illusion of depth.
04 COLORS part two – page 14
03
TURQUOISE C = 92 M = 00 Y = 42 K = 00
04
GRAY C = 00 M = 00 Y = 00 K = 80
05
R = 70 G = 71 B = 73
RED C = 00 M = 100 Y = 100 K = 00
06
R=0 G = 61 B = 153
R = 244 G=0 B = 27
BRIGHT YELLOW C = 05 M = 00 Y = 82 K = 00
R = 247 G = 175 B = 200
01
02
Turquoise is used for typography, but only on a yellow or white background. Turquoise should also be used as the more eye catching background (vs. yellow.) Gray is only used for the Adobe Garamond typeface.
Red is only used in the Academy of Art University logo, and should not be used anywhere else in the design. Bright yellow is only used on the certificate awarded to the top students in each of the departments.
DISPLAY part
SIGNS PG 17
three
01 PUBLIC TRANSPORTATION part three – page 18
01
02
The Academy of Art University will be advertising through the San Francisco Muni system. This is a great way to grab the attention of people who don’t normally attend our Spring Show, along with reminding others of the event.
This year we will be using a half-size bus wrap on many of the most frequently used bus lines. Our logo will appear in the center, and overlay the windows.
02 STREET BANNERS part three – page 19
01
02
Street banners are the most important means of advertising the event. This means they have to be bold, eye-catching, and straight to the point. Here we have an example of what the street banners will look like. On the right will be the Spring Show logo with decorative bands around the corners.
Notice this is the only instance for a rule break. The logo is bleeding off the edges, and is not abiding by the clearspace mentioned earlier. This is used to write “Spring Show” as large as possible, and is the only time a rule is broken.
03 DIRECTIONAL SIGNS part three – page 20
BFA PORTFOLIOS GRAPHIC DESIGN
MFA PORTOFLIOS GRAPHIC DESIGN
GRAPHIC DESIGN PACKAGING
01
02
Interior directional signage will be hung from the ceilings, along with propped up on easles around the buildings. The design is simple and expresses the multiple levels of depth. Each sign will have its own unique shape, but will keep the typographic style in suit with each other.
Each sign should announce the appropriate location it is directing towards, along with an orange directional arrow. The red Academy logo should be placed on top, with two blue strokes displayed on the sides.
04 ELEVATORS part three – page 21
01
02
These are demonstrations of indoor display graphics. The elevator is simple and clean. It gives no worded information, but a mere reminder about the Spring Show. It provides for an interesting graphic and is not overcrowded with information.
In groups of three elevators, the center elevator needs the logo and decorative design. The other elevators on each side should display artwork of the students.
05 DISPLAY MONITORS part three – page 22
01
02
Throughout the Spring Show there will be monitors displaying students awarded artwork from all departments. This will be in a slideshow format and will change artwork every 6 seconds. On the right will have our logo, along with the artists name and the name of the selected work of art.
These monitors add a touch of the digital world to the Spring Show. It has a similar design to the Spring Show website. Each building will display these monitors in their lobby.
06 WEB BANNER part three – page 23
ACADEMY of ART UNIVERSITY
SPRING may
SHOW
25th
2011
01
This is the Academy of Art University’s home page. In the center will be the 2011 Spring Show logo. This is a perfect example of how the logo should appear. There should be the appropriate clear space aroundthe sides of the logo, and it should be placed on the turquoise background color.
02
This entire image will act as a link to the 2011 Spring Show image gallery, more information, and contact information on the school itself.
07 WEB HOMEPAGE part three – page 24
ACADEMY of ART UNIVERSITY
SPRING may
SHOW 2011
25th
800.544.2787 CONTACT US HOME > ALL DEPARTMENTS > PHOTOGRAPHY
Explore a showcase of the best student work and fresh talent
WORDS by ELENA ZHUKOV
2011
01
02
This is the Academy of Art University’s Spring Show homepage. Distinct in style from the original Spring Show home page, it encompasses the style of the Spring Show to the fullest extent.
The artwork from students from this year’s show will be displayed in a slideshow format. Names of the artist will appear below the artwork, and will be displayed in a higher resolution image once the user clicks on the artwork.
ADDITIONAL part
DESIGNS PG 25
four
01 INVITATION part four – page 26
01
02
This is the design of the invitation mailer. These will be mailed to industry professionals, students and their families, along with staff members. These will also be available at the security desks of each building for people to take.
The design is simple and abides be the US Post Office rules and guidlines for official invitation/postcard mailers. On the back is appropriate room for names and addresses.
02 NAME TAGS part four – page 27
01
These name tags will be given away at at the front desk during the show. Name tags are reserved for industry professionals, teachers and students. Each name tag will have the academy logo at the top, name, design firm or business and “2011 Spring Show� written across the bottom.
02
The typography should remain consistant throughout all name tags. Decrease point size if name exceedes line length. There are three different templates of dimensional edges. These are to be used equally at random.
03 TABLE CARDS part four – page 28
01
02
These cards will be displayed next to artwork that needs to be placed in a case. Such as package designs, 3-D modeling, and transportation design constructions. It will be available to print online, by each student.
The layout asks the student to place their name, the course the project is for, their instruction and the name of the project. This construction can be made by simply taping the bottom together.
04 T-SHIRTS part four – page 29
ACADEMY of ART UNIVERSITY The Academy of Art University Spring Show celebrates and showcases student works of excellence, originality and elite talent. 2011 SPRING SHOW
01
T-shirts are given away to volunteers and students and are available for purchase by the public. On the front, it displays the Spring Show logo, with adequate clear space around all sides.
02
The back displays information regarding the event. It shows all the majors the Academy of Art University specializes in, along with contact information and a brief statement on what the Spring Show stands for.
05 CERTIFICATE part four – page 30
Each year the Academy of Art University awards its most elite students in each department by presenting them with a certificate of accomplishment, along with a check for one thousand dollars. This certificate will be given to the students to take home as a symbol of their accomplishments.
Each certificate will have the name of the student displayed in Adobe Garamond. The signature of the head of their department and the head of the Academy of Art University will be placed in the bottom left. This is the only time the bright yellow color is used.
ACADEMY of ART UNIVERSITY 2011 spring show design