Brand Identity Style Guide 2022
Table of Contents
01. Introduction ..... 01 Project Brief Design Overview 02. Basic Elements ... 07 Color Palettes Typefaces Logo -Logo Description -B&W Logo + Ratio -Master Logo -Variations -Restrictions -Minimum Clear Space & Scale 03. Stationary ....... 17 Letterhead Envelope Business Card CD & Cover Folder Full Stationary Set 04. Signage ......... 27 Entrance Sign Directory Sign Location Signs Rules and Reminders Signs Informational Signs 05. User Interface .... 39 Tablet Smartphone 06. Merchandise ..... 49 Painter’s Smock Portable USB Drive Pencil Case Glass Cup 07. Credits .......... 55 Research Mockups/Photograph
01Introduction
Project Brief Design Overview
Project Brief
Traditional art and digital art have always been connected to one another. Skills used in one area can be transferred and used in the other. Despite their interconnectedness, no physical public space has provided a community for artists to hone both disciplines at the same time.
Pixional was created to change this. We aim to blend together the worlds of traditional and digital art by acting as a social hub for artists to exchange skills while having access to equipment that will aid in their success. This includes selling art supplies for both traditional and digital artists.
Our target audience is rather wide, as we want to appeal to artists of all ages who are willing to learn and want to participate in a physical community. We believe that art should be accessible, despite age or circumstance.
4
Design Overview
Pixional’s brand identity represents a mixture of digital and traditional. This can be seen immediately with our company name. It is a combination of “pixel” and “traditional,” and relates to the bigger idea of art by sounding similar to the word “pictional.”
The same reasoning can be applied to our color scheme and type face choices. The red and blue represent the two worlds, while the purple shows how they have mixed in our establishment. We have used two typefaces, a sans serif and a script, to also show how the worlds look different, but in reality, they intermingle in a single entity.
6
02Basic Elements
Color Palettes Typefaces Logo • Logo Description • B&W Logo + Ratio • Master Logo • Variations • Restrictions • Minimum Clear Space & Scale
Color Palettes
The color palette we chose for Pixional consists of a red, purple, and blue. Each color carries meaning.
Many traditional art supply stores use red for their logos. Because of this, we decided to choose red as a stand in for traditional art.
The color blue is oftentimes associated with the idea of technology and cyberspace. Because of that, we felt it was the perfect color to represent digital art.
RGB: 24 83 102
CMYK: 0 83 49 0 #F05365
When one mixes blue and red, they get purple. Because we wanted to build a brand that encourages the mixing of traditional and digital, we felt purple perfectly showed how the two art forms mix together to create a holistic view on art.
RGB: 50 35 92
CMYK: 75 80 0 54 #31235b
RGB: 58 83 164
CMYK: 88 77 0 0 #3952a4
9
Typefaces
Leelawadee and Georgia were used for our products. Leelawadee was a sans serif that matched Josefin Sans well and helped make the body copy feel full. Georgia was used for headers to compensate for Leelawadee’s limited family and provided a nice serif contrast.
Josefin Sans Semibold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()
Segoe Script Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()
Leelawadee
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()
Georgia Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()
The two typefaces used for the logo was Josefin Sans and Segoe Script. To keep them unique to the logo, other typefaces were used for the products. 10
Logo Description
“PIX” is taken from “pixel” and is written in a sans serif font to show digital geometric perfection. The capitilzation and heavier line weight is meant to help with pronounciation.
“Ional” is taken from “traditional.” It is written in script to appear more handwritten. The lowercase letters and varied line weight is meant to help with pronounciation.
The symbol is a stylized link symbol, which is also resembles two paperclips intersecting. In this case, a palette and mouse intersect to show the intersection of traditional and digital art.
The mouse icon was chosen because of its association to computers. It is colored blue to showcase the digital world. The line weight is consistant to mirror the “PIX” part of the logo, which is stable and thick.
Palettes are common icons for painting. It is red since it’s associated with traditional art. The line weight varies and has more of an organic shape to match the typeface used for “ional” in the logo.
The three colors on the palette represent the color scheme of Pixional.
1 1 2 2 3 3 4 4 5 5 6 6 11
B&W Logo + Ratio x 6x 4 3/8x 1 3/8x 1/2x 1/4x 1 5/8x 1/4x 12
13
Master Logo
Variations
The logotype can appear on its own. The colors should remain the same, unless the entire logotype becomes the same color.
The logo color can be changed as long as the entire logo is changed to the same color.
The logo has a stacked version. The symbol should be on the top, while the logotype is on the bottom.
The logo symbol can appear on its own. The colors should remain the same, unless the entire symbol becomes the same color.
14
Restrictions
Do not change the colors individually for different elements in the logo.
Do not move the symbol to the left of the logotype.
Do not rotate or distort our logo.
Do not move the symbol below the logotype in its stacked version.
15
Minimum
Space
Scale
x 1.3” 0.36” 16
Clear
&
1/4x
03Stationary
Letterhead Envelope Business Card CD & Cover Folder Full Stationary Set
Letterhead
19
11” 0.6” 1.5” 1.8” 0.2” 8.5” 3”
20
Envelope 9.5” 1.375” 1.5” 1.8” 2.35” 4.125” 6” 0.7” 6.7” 0.29” 0.22”
Business Card
21
3.5” 2” 0.63” 0.3” 0.3” 0.52” 1.75” 1.5” 0.4”
CD & Cover
22
1.9” 0.8” 4.75” 1.425” 4.7” 0.35” 0.35” 4.75” 1.95”
Folder 9” 12” 6.4” 5” 3” 0.6” 23
4” 3.2” 3.9” 18” 24
Full Stationary Set
25
26
04Signage
Entrance Sign Directory Sign Location Signs Rules and Reminders Signs Informational Signs
4” 2’ 2’
29
Entrance Sign
3’ 5’6”
Directory Sign 2’ 4’ 3’ 5’6” 31
2’ 9” 3’
33
Location Signs
5’6”
Rules and Reminders Signs
5’
1’5” 5’6” 35
1’1”
Informational Signs
5’
3’
37
6”
5’6”
05User Interface
Tablet Smartphone
Navigation Bar
Follows the user throughout the site. Contains useful links, the shopping cart, and the user profile.
Hero image and Search Bar
Call to action for the user to start purchasing items. Allows users who already know what they’re looking for to search up items.
Supply List
Simple categories meant to help users narrow down art supplies if they are unsure what to purchase. Also gives a sneak peak on what general types of supplies are available.
Tablet
41
Company Bio
A small blurb that tells users what purpose the company serves and what the company mission is.
In-house Services
Informs the user what special services are provided in physical Pixional stores, such as printing and computer labs.
42
Workshop Schedule
A carosel that rotates through the workshops being hosted at the facility. A small description, the location, and the time are provided.
Footer
Gives the user access to lesser important links, contact information, location, and the newsletter.
Tablet
43
Smartphone Navigation Bar Company Bio In-house Services Hero image and Search Bar Supply List 45
Workshop Schedule
In-house Services
46
Footer
Smartphone
47
06Merchandise
Painter’s Smock Portable USB Drive Pencil Case Glass Cup
Painter’s Smock
51
Portable USB Drive
52
Pencil Case
53
Glass Cup
54
07Credits
Research Mockups/Photography
https://www.dickblick.com/about-blick/press-and-media/corporate-fact-sheet-and-branding/ https://www.jerrysartarama.com/ https://1000logos.net/michaels-logo/ https://www.cheapjoes.com/ https://artistcraftsman.com/ https://www.avalisway.com/photo-gallery/university-wyoming-visual-arts-7 https://www.art-is-fun.com/artist-paint-brushes https://www.artsy.net/article/artsy-editorial-10-types-paintbrushes-artist
Research
57
Mockups/Photography
https://unsplash.com/photos/QrYt4_K5TIc
https://www.pexels.com/photo/person-using-a-laptop-and-a-drawing-tablet-9414025/ https://www.freepik.com/free-psd/corporate-identity-mockup-psd-set-business-enterprise_18764103.htm https://www.fgdesigners.com/2014/07/free-mockup-of-vintage-framed-swing-sign.html https://www.avalisway.com/photo-gallery/university-wyoming-visual-arts-7 https://unsplash.com/photos/wawEfYdpkag
https://www.pexels.com/photo/creative-painters-drawing-at-table-5642024/ https://www.bostonmagazine.com/best-of-boston-archive/award/art-supplies/ https://www.behance.net/gallery/116974289/FREE-PSD-IPad-11-Pro-Mockup https://www.freepik.com/free-psd/phone-screen-mockup-psd-with-hand-holding-aesthetic-beige-widgets_16262815.htm
https://www.freepik.com/premium-psd/chef-apron-mockup_14126724.htm https://www.freepik.com/premium-psd/flat-canvas-pouch-mockup-design_16693979.htm https://www.freepik.com/premium-psd/usb-stick-mockup-merchandising_4398537.htm https://www.freepik.com/free-psd/large-glass-mockup_10868289.htm https://unsplash.com/photos/3A4XZUopCJA
58
Designed
GRC
1002 © Fall 2022
by Tammy Diewtragulchai
420