1 // 48
B R A N D
G U I D E L I N E
B O O K
2 // 48
ART+ Academy helps you discover, create and develop
your drawing/ painting skills, with a studio based continued education.
3 // 48
4 // 48
5 // 48
SECTION 1
CORPORATE LOGO
the Logo is the key building block of the company identity, the primary visual element. The combination of the + symbol itself represent the values and principles, this should never be changed in any way.
Art + Academy Masterbrand or Corporate Logo comprises two elements, the logo symbol and logo type. The Logo Symbol is a powerful image evoking the culture of design services - the connection between the strength of communication and the different points that influence. It has a particular relationship with Art + Academy name. The Logo Type has been carefully chosen for its modern and yet refined, highly legible style, which has been further enhanced by the use of upper case letters. The typeface is Montserrat Bold and has also been chosen to compliment and balance perfectly with the logo symbol. The corporate logo is presented through the use of colour as well as shape and form. The two corporate colours are Yellow and Grey. It is a fresh and appealing blend of colours chosen for their strong combination - modern - classic - timeless. The Colours have been selected according to international standards as shown below and are easily implemented.
6 // 48
N, C O I T C U R T S N LOG O CO
T IO N A T U P M O C & LEARSPACE
Artistic g n i r u t r u N
f n the height o Computatio rspace take ea cl e th t u To work o ce = D). my (Clearspa e D ca A f o � the “D Definition , it should use the logo u yo r e ev n e Wh r space to ed with clea be surround pact. bility and im ensure its visi f elements o No graphic uld invade any kind sho this zone.
Minds
er graphic ear of any oth cl s rk a m te lished ora s been estab to keep corp a t h n a e n rt o zo p n o im It is , an exclusi icates the regulate this o T . ts n sion zone ind e lu m xc e ele is h T . rporate mark essage around the co element or m ic h p ra g r e th closest any o oned can be positi
LIG H T VERSIO
N
when the will be used lor is backround co (1) dark colored.
1
7 // 48
DARK VERSIO
N
when the will be used lor is backround co (2) light colored.
2
s are: ded format Recommen ff ng | .jpg | .ti .p | .ai | s .ep
ions of a in or other vers
off icial logo
is not permit
te d.
awn emark Attention: ated, hand dr with our Trad ylized, anim ease consult Pl y. nc Use of any st te is brand cons system and r help. ines the logo need furthe This underm have any questions or u Licensing if yo
8 // 48
ART positively impacts our lives by increasing brain connectivity and plasticity. The benefits of art are undeniable and can only add beauty and positivity to our lives by reducing stress, breeding self-esteem, or helping with expression, empathy and feelings. If you are in need of reducing stress or gaining positive self-esteem, We believe EVERYONE, no matter the age can benefit from learning how to draw and paint.
9 // 48
SECTION 2
BUSINESS CARDS
This shows the approved layouts with the primary elements of stationery system for business cards.
Usage: The business cards will be used for all official contact and communication. Insert Art Plus Academy letterhead and send your documents throughout the world.
10 // 48
11 // 48
SECTION 3
STATIONERY This shows the approved layouts with the primary elements of Art + Academy stationery system for the front- and backside of the letterheads. Usage: The letterhead will be used for all official communication that is going out company.
PARAMETER Dimensions 297 x 210mm DIN A4
Weight 120g/m Uncoated white
ART 12 // 48
SECTION 4 COLOUR SYSTEM
RED
ORANGE
COLOR MEANING
COLOR MEANING
OPTIMISTIC FREEDOM MOTIVATION
BOLD CONFIDENCE PASSIONATE
100 %
80 %
60 %
40 %
COLOR CODES HSB : 31 87 94 RGB : 240 139 29 CMYK : 0 53 100 2 WEB : F08B1D
20 %
100 %
80 %
60 %
40 %
COLOR CODES HSB : 357 83 82 RGB : 210 35 42 CMYK : 15 100 100 0 WEB :#D2232A
20 %
T GREEN
13 // 48
BLUE
COLOR MEANING
COLOR MEANING
GROWTH RESTORE BALANCE
TRUST SUCCESS RESPONSIBILITY
100 %
80 %
60 %
40 %
COLOR CODES HSB : 124 62 67 RGB : 65 173 73 CMYK : 75 5 100 0 WEB : 41AD49
20 %
100 %
80 %
60 %
40 %
COLOR CODES HSB : 224 74 56 RGB : 37 64 143 CMYK : 100 90 10 0 WEB : 25408F
20 %
14 // 48
SECTION 5
SECONDARY COLOR SYSTEM The Secondary colors are complementary to our official colors, but are not recognizable identifiers for the company. Secondary colors should be used sparingly, that is, in less than 10 percent of the palette in one piece.
COLOR CODES
COLOR CODES
COLOR CODES
COLOR CODES
COLOR CODES
COLOR CODES
CMYK
: 0 79 61 2
CMYK
: 0 44 86 8
CMYK
: 0 7 50 6
CMYK
: 19 0 56 17
CMYK
: 33 0 0 13
CMYK
:
96 0 1 26
RGB
:
249 52 97
RGB
: 234 132 32
RGB
: 240 222 121
RGB
:
RGB
: 149 221 220
RGB
:
7 188 187
HSL
: 346 94 59
HSL
: 30 83 52
HSL
: 51 80 71
HSL
: 81 58 60
HSL
:
179 51 73
HSL
: 180 93 38
WEB
: F93461
WEB
: EA8420
WEB
: F0DE79
WEB
: ABD45D
WEB
: 95DDDC
WEB
: 07BCBB
171 212 93
15 // 48
COLOR PLAYS AN IMPORTANT ROLE IN ART + ACADEMY‘S CORPORATE IDENTITY PROGRAM. THE COLORS BELOW ARE RECOMMENDATIONS FOR VARIOUS MEDIA. A PALETTE OF PRIMARY COLORS HAS BEEN DEVELOPED, WHICH COMPRISE THE “ONE VOICE” COLOR SCHEME. Consistent use of these colors will contribute to the cohesive and harmonious look of Art + Academy’s brand identity across all relevant media. CHECK WITH YOUR DESIGNER OR PRINTER WHEN USING the corporate colors to be consistent.
16 // 48
The Corporate Fonts Primary Font Secondary Font Font Hierachy
SECTION 6
TYPOGRAPHY
Typography plays an important role in communicating an overall tone and quality. Careful use of typography reinforces the brand personality and ensures the clarity and harmony in all communications. BlairMdITC and DENMARK, inject energy and enthusiasm into the entire communications, giving the sense of modern clean humanist geometric universal emotion elicited simple, sensible straightforwards, easy to read & neutral.
17 // 48
THE CORPORATE FONTS AND TYPOGRAPHY PRIMARY CORPORATE FONT BLAIRMDITC TT MEDIUM Designer: Jim Spiece The ITC Blair™ typeface is based on a popular early 20th century handset metal typeface of the same name. Available as single-weight extended and condensed designs; metal fonts of the face were sold well into the 1950s. In 1997, Jim Spiece resurrected the extended design adding two new weights to create a three-weight family. Almost 20 years later, Spiece teamed up with designers from Monotype to extend the basic family again – this time to include the condensed versions, and complementary italics for the roman designs.
BlairMdITC TT Medium
The ITC Blair design’s medium weight and larger-than-normal width have made it an appealing choice for designers worldwide. The design conveys the impression of authority while remaining graceful and minimalistic for use in a wide range of applications. Although best used for short blocks of text copy and headlines, ITC Blair It is also eminently suitable for branding and stationary design.
DENMARK REGULAR Version: Altsys Fontographer 3.5 In December 1984, James R. Von Ehr II founded the Altsys Corporation to develop graphics applications for personal computers. The first foray by Altsys into commercial font editing software was a bitmap font editor called Fontastic, released in the mid-1980s for the Apple Macintosh. The program, developed by Altsys founder Von Ehr, was able to edit the native bitmap font format of the Mac. It introduced many of the interface elements that would carry over into Fontographer. Fontastic Plus was later introduced with new editing tools and kerning pairs. Fontographer, developed by von Ehr for the Mac and released in January 1986 — before Adobe Illustrator— was the first commercially available Bézier curve editing software for a personal computer.
A N a n
B O b o
C P c p
D Q d q
0
1
2
3
E R e r
F S f s
4
G H I T U V g h i t u v 5
6
J K L M W X Y Z j k l m w x y z
7
8
9
0
! “ § $ % & / ( ) = ? ` ; : ¡ “ ¶ ¢ [ ] | { } ≠ ¿ ‘ « ∑ € ® † Ω ¨ ⁄ ø π • ± ‘ æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç √
~
µ
∞
…
–
≤
<
>
≥
˘
›
‹
◊
Denmark Regular A
B
C
D
E
F
G
N
O
P
Q
R
S
T
a
b
c
d
e
f
n
o
p
q
r
s
3
4
0
1
2
H U
g t
I V
h u
5
J
K
L
M
W
X
Y
Z
j
k
l
m
w
x
y
z
i v
6
7
8
9
! “ § $ % & / ( ) = ? ` ; ¡ “ ¶ ¢ [ ] | { } ≠ ¿ « ∑ € ® † Ω ¨ ⁄ ø π • ± æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ √
~
µ
∞
…
–
≤
<
>
≥
˘
›‹
0 : ‘ ‘ ç
◊
18 // 48
TYPOGRAPHY & TEXT HIERARCHY Typographic hierarchy is another form of visual hierarchy, a sub-hierarchy per se in an overall design project. Typographic hierarchy presents lettering so that the most important words are displayed with the most impact so users can scan text for key information. Typographic hierarchy creates contrast between elements. There are a variety of ways you can create a sense of hierarchy. Here are some of the most common techniques.
HEADLINES BlairMdITC TT 10pt Type / 10pt Leading
HEADINGS
-
Edo SZ- Capital Letters
34pt Type / 30 pt Leading
? u o Y d n a , I love Art SUBLINES Denmark- Capital Letters 16pt Type / 16pt Leading
Quotes Born Ready
30 pt Type / 31 pt Leading
COPY TEXT Arial Rounded MT Bold 8 pt Type / 11 pt Leading
19 // 48
our mission is to teach drawing & painting using various techniques with an always-positive delivery.
20 // 48
We educate at all levels and to anyone who would like to improve their skills through artistic expression while influencing a sense of achievement and confidence in their self-esteem. We are an inspiring and educational environment within the Austin community where students can develop their drawing and painting skills through a transformational experience that promotes artistic expression and achievement. Let us help you achieve a higher level of drawing and painting in a safe, artistic and educational environment.
21 // 48
SECTION 7
LOGO PLACEMENT CHOOSE ONE OF THE APPROVED STYLES SHOWN ON THE RIGHT FOR THE CORRECT PLACEMENT OF THE ART + ACADEMY LOGO.
22 // 48
SECTION 8
GRID SYSTEMS In graphic design, a grid is a structure made up of a series of intersecting straight (vertical, horizontal, and angular) or curved guide lines used to structure content. The grid serves as an armature on which a designer can organize graphic elements (images, glyphs, paragraphs) in a rational, easy to absorb manner. A grid can be used to organize graphic elements in relation to a page, to other graphic elements on the page, or relation to other parts of the same graphic element or shape.
23 // 48
24 // 48
Holidays ads for social media & prints
25 // 48
SECTION 9
ONLINE SOLUTION representing successful programs showing name & years at the academy (the art & the action stock photo)
social media live-stream videos on gallery days
26 // 48
27 // 48
SECTION 10
ECOSYSTEM SOLUTION
FRANCHISE IDEA (OOH OUTLET SOLUTION)
28 // 48
29 // 48
30 // 48
31 // 48
SECTION 11
IMAGERY SOLUTION BLENDING MODES FOR IMAGES
EXAMPLES FOR CORPORATE IMAGE SYSTEM Requirements: - desaturate colours - high contrast - sharp images - minimalistic look - modern - multicultural - safe environment - businesslike - divertisy
Corporate Images are responsible to transfer the values of the company to customers or potential new patients. It is a composite psychological impression that continually changes with the circumstances, media coverage, performance, pronouncements, etc. Art + Academy use various corporate advertising techniques to enhance their public image in order to improve their desirability as a supplier, employer, customer, borrower, partner, etc.
32 // 48
SECTION 12
OOH DESIGN SOLUTIONS IMAGES BLENDING MODES
Image effects and blending modes raise the concision and the recognizability of a brand. Also they are able to divide content and other graphical elements that are used in layouts. In the same way the support statement of the used images and raise application possibilities.
representing diversity kids drawing & painting
33 // 48
this is an example of how to use acton images for advertising ads. the idea is to use real stock photos
EXAMPLES FOR C O R P O R AT E IMAGE SYSTEM
Requirements: - painting in action - drawing in action - acomplishments - all ages artists - high contrast - sharp images - minimalistic - happyness - modern
34 // 48
representing any gender, in action
35 // 48
representing Diversity Artistic minds
SECTION 13 representing happy instructors wearing our brand
PRINT DESIGN SOLUTIONS THANK YOU & HAPPY BIRTHDAY CARDS MAILING POSTCARDS,
36 // 48
An icon is a pictogram displayed on a screen or print layout in order to help the user navigate through the content in a easier way. The icon itself is a small picture or symbol serving as a quick, “intuitive” representation of a software tool, function or a data file.
SECTION 14
COMPANY’S PRINCIPLES PURPOSE / AWARD PROGRAMS
37 // 48
SECTION 9 CORPORATE ICONOGRAPHY
38 // 48
An icon is a pictogram displayed on a screen or print layout in order to help the user navigate through the content in a easier way. The icon itself is a small picture or symbol serving as a quick, “intuitive” representation of a software tool, function or a data file.
S E C T IO N 15
WHO’S BEHINEMDY?
ART + ACAD
39 // 48
RE WHONY â&#x20AC;&#x2DC;SWVEALUA ES COM PA
SECTION 9 CORPORATE ICONOGRAPHY
40 // 48
SECTION 16
STUDENTâ&#x20AC;&#x2122;S APPRECIATION PROGRAM
CARDS WITH INSPIRATIONAL QUOTES USING REAL STOCK ARTS WITH the artists names, work & YEARS AT THE ACADEMY REPRESENTING what is possible to learn in our drawing & painting classes
41 // 48
tag idea for art frame for gallery day representing progress
42 // 48
SECTION 17
PROMOTIONAL PRODUCTS “BASED ON STUDENT ART APPRECIATION”
43 // 48
44 // 48
CIRCULAR BROCHURE CREATIVE SOLUTION
45 // 48
46 // 48
BRAND DESIGN GUIDELINES
These guidelines describe the visual and verbal elements that represent the corporate identity. This includes our name, logo and other elements such as color, type and graphics. Sending a consistent and controlled message of who we are is essential to presenting a strong, unified image of our company. These guidelines reflect art plus academy´s commitment to quality, consitency and style.Art plus academy brand, including the logo, name, colors and identifying elements, are valuable company assets. Each of us is responsible for protecting the companyâ&#x20AC;&#x2122;s interests by preventing unauthorized or incorrect use of the academy name and marks.
47 // 48
SCAN TO DOWNLOAD THE COMPLETE CORPORATE DESIGN
48 // 48