Art Academy Ecosystem Creative Design

Page 1

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 ‘SWVEALUA ES COM PA

SECTION 9 CORPORATE ICONOGRAPHY


40 // 48

SECTION 16

STUDENT’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’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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.