initial rgb brand guide pages version
TRANSCRIPT
©2014-15 Initial Creative
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 Unported License
2 CREATIVE OATH
4 VISION STATEMENT
6 ABOUT
8 ATTRIBUTES
12 LOGO
16 CLEAR SPACE
17 MIN. REPRODUCTION SIZE
18 COLOR
22 TYPOGRAPHY
24 SECONDARY LOGO
28 SECONDARY ELEMENT
32 VISUAL RESOURCES
2
Expose the subconscious, visualizing for the will. Neglect the doctrines of negative concepts, encompassing biased legislature, utmost dogma, avarice, hostility and anticipated fruition. Relinquish the cogitation of the populist, and savor the notion of embarking diverse concepts without obstinate perception. Frontiers await in the eternal journey to the imagination, challenging and fruitful in every light of day.
3
4
5
Professional, hard-working, extremely organized, and possessing a positive attitude, I’m proficient in all of the essential programs, particularly Illustrator, yet always willing to adopt new skills. I seriously listen to and
note what clients tell me in order to help them express their ideas. My thoughtful and passionate approach to problems enables the client to manifest their concepts in a fresh, distinctive way.
6
Greetings, my name is Matthew Cobrin, and this is my ‘initial’. From the small town of Cranston, Rhode Island, I'm a passionate graphic designer and fine artist, studying a Bachelor of Science degree in Design, currently at The New England Institute of Art, located in Brookline, Massachusetts. I love coffee and Labradors too!
If you're wondering where ‘Initial’ originated from, it came from one of my perspectives on creativity; the notion that every artist and designer
has their own style they work with to tell their stories. The story is a metaphor of their perception. One night, the notion surfaced on my mind, visualizing those styles as a recipe with fundamental procedures, and that was when the ‘Initial’ vision was born. Initial has several meanings, but I, internally, define it as 'the personal and responsible decisions' the artist or the designer has to make throughout their work, whether if it's for themselves or the client.
In Initial, I pledge to provide any client or firm the ‘initials’ they desire. However, free work is intolerable; it's an unfair business practice as most designers work hard for periods of time. Hard work always pays off as they say, and Initial utilizes the most professional and standardized materials in a genuine and organic fashion. Initial is there to convey real messages to the real world.
7
Tonal Attributes
VibrantWe love to express ourselves in several ways, but our aesthetics has its own unique language.
DevotedEverything we design has its own prestigious story to tell; we ensure our designs can stimulate enthusiasm.
DistinctiveWe're not your average design business. As a matter of fact, differences is what makes any business special.
8
Experiential Attributes
ReliableWe listen to you first! Depending on your 'persona', we'll ensure our designs fulfills their satisfaction.
InnovativeOur design approaches are minimalistic, but we 'worship' abstract and fresh ideas!
OrganicWe don't inherit the norms of our industry. Instead, we're striving to discover new visual frontiers.
9
10
Branding Process
11
it was still too sophisticated, in my taste, to be a logo. It's imperative to discern that an initial is 'very minimalistic'.
Breaking down the logo, I realized it needed more of an 'initial' in it. If not, then it wouldn't be Initial, nor would it meet the initiative of 'a clear communication between the symbol and the business'. That was when I started to draw capitalized and lowercased I's constantly during the final approach. At some point during those sketches, I realized that the capital letters were making a ' bold statement' to me. This was one of the most painful processes I've gone through entirely because most Capital I's are either 'a stick going straight' or 'with two horizontal lines, top and bottom of that letter'. In my opinion, this was the most gruesome process because I was consolidating 'abstract and futuristic shapes' with 'precise typography'. It required critical thinking; outside the box. Creating the letter forms, these symbols emerged within the letter. Then I said, "There's a connection!". Initial Creative was then born.
he Initial Logo communicates the central keyword of my business; creativity. Before the final decision was made, the symbol went through a
stage of intricate processes including thumbnails, roughs, and mind-mapping. Difficult decisions had to be made, but even the endorsed ideas had to be demolished before the final solution.
The first and early stage of the logo were based on light bulbs. The ideas were abundant, but didn't meet an essential initiative, which was 'expressing environ-mental awareness to the current society'. The second approach was principally about replacing the light bulb with an economic concept, a CFL light bulb. The idea, however, became so knotty, I decided to purge out the approach and sketch random things in my sketchbook and Illustrator for a fresh solution. It was tough because when I think of initials, cursive lettering appeared on my mind first, so I wanted something that would communicate to the worlds of today and tomorrow, but not the past.
Sketching for periods of time while watching television on a rainy day, a third approach developed; a negative-spaced butterfly made of calligraphic pens. Great ideas were made during that concept, but
12
Original Reversed
W&BB&W
13
Preserve the integrity of the logo!
Please consider clear space for the primary logo! (go to p.16)
Separate the symbol, but 'only' for the use of icons!
Use the logo as the key element to your designs!
Please apply the logo as it is, or as a symbol!
Place Initial Creative logo away from other logos!
Use logo with integrity and please keep the proportions constrained!
Please reproduce the primary logo in high quality!
14
Proper Usage
Improper Usage
Do not add, quotes, slogans, phrases, tag lines product names or other business logos
into the primary logo!
Do not add other visual elements to logo, including outlines, drop shadows, strokes
and reconfiguration!
Do not crop out elements out of the logo!Do not apply logo as part of a sentence,
headline or phrase!
Do not stretch, distort, re-align, or alter the elements of the logo!
Do not customize the placement of elements!
Do not place the logo on busy backgrounds! Do not change background without consent!
15
The illustration above demonstrates an example of utilizing clear space; include the logo with given clear space inside the plane. If you're building custom margins, determine it through the clear space of the letter I from the logotype as demonstrated!
Clear SpaceClear space is the space around the logo, separating the logo from other elements to prevent congestion of information. This congestion includes text and the outer edges. This is important as it helps our audience identify our products. The image below demonstrates how clear space is used throughout the Initial Creative logo! The clear space for the primary logo equals an I from the logotype!
16
.6 in 1.524 cm
Minimum Reproduction Size
The minimum size for the primary logo for print viewing consistency is 1.524 cm or .6 in. by height. If the logo is placed too small on the document, viewers will have a difficult time, distinguishing whether if it’s promoting the business or not, resulting that the logo will lose its integrity to its customers.
17
18
Initial CyanRGB: 102, 204, 204 CMYK: 58%, 0%, 24%, 0% PMS: 127-4 HEX: #66CCCC
Secondary BlueRGB: 153, 204, 204 CMYK: 40%, 5%, 20%, 0% PMS: 124-11 HEX: #99CCCC
Warm GreyRGB: 153, 153, 153 CMYK: 43%, 35%, 35%, 1% PMS: 179-7 HEX: #999999
AquamarineRGB: 0, 102, 102 CMYK: 90%, 42%, 55%, 22% PMS: 126-8 HEX: #006666
Dynamic BlackRGB: 51, 51, 51 CMYK: 69%, 63%, 62%, 58% PMS: 179-15 HEX: #333333
Initial Cyan is used to represent our outstanding communication with our clients. Our brand initially manifests with this color, and must be used through-out all of our promotional assets, emphasize major points within body copy.
This color can be combined with the Initial Blue as a secondary option! You may apply a gradient between Initial Cyan and this color.
Warm Grey is used for the Initial Creative logotype; the color should only be applied to the logotype when using the original, primary logo!
Aquamarine can be applied as a dark background for promotional materials when Initial Cyan is implemented to the composition!
For luxurious and formal promotions, use this variation of black!
19
Secondary Colors
RGB: 255, 0, 125 CMYK: 0%, 97%, 16%, 0% PMS: P-73-8 HEX: #FF007D
RGB: 255, 0, 255 CMYK: 27%, 82%, 0%, 0% PMS: P Process Magenta HEX: #FF00FF
RGB: 125, 0, 255 CMYK: 69%, 79%, 0%, 0% PMS: P 88-8 HEX: #7D00FF
RGB: 0, 0, 255 CMYK: 88%, 77%, 0%, 0% PMS: P 99-8 HEX: #0000FF
RGB: 0, 125, 255 CMYK: 77%, 52%, 0%, 0% PMS: P 109-8 HEX: #007DFF
20
RGB: 255, 0, 0 CMYK: 0%, 99%, 100%, 0% PMS: P-48-8 HEX: #FF0000
RGB: 255, 125, 0 CMYK: 0%, 63%, 100%, 0% PMS: P-24-8 HEX: #FF7D00
RGB: 255, 255, 0 CMYK: 6%, 0%, 97%, 0% PMS: P Process Yellow HEX: #FFFF00
RGB: 125, 255, 0 CMYK: 48%, 0%, 100%, 0% PMS: P 160-8 HEX: #7DFF00
RGB: 0, 255, 0 CMYK: 63%, 0%, 100%, 0% PMS: P 148-8 HEX: #00FF00
RGB: 0, 255, 125 CMYK: 59%, 0%, 80%, 0% PMS: P 133-6 HEX: #00FF7D
RGB: 0, 255, 255 CMYK: 52%, 0%, 13%, 0% PMS: P 115-6 HEX: #00FFFF
21
22
Proxima Nova Family
Proxima Nova is a sans-serif typeface designed by Mark Simonson. Proxima Nova is a combination between a humanist and geometric typeface, taking influences from Akzidenz Grotesk and Futura. Initial Creative utilizes this entire font family as its friendly and clean for outstanding communication. The typeface is a remake from its 1994 predecessor, Proxima Sans. The typeface super family comes in forty two styles, which include the original and condensed versions. Since Proxima Nova is an OpenType font, it guarantees high quality typography through its large quantities of dynamic glyphs.
If you’re interested in purchasing Proxima Nova, go to marksimonson.com for more details!
23
Heading
Sub-heading
Body
Proxima Nova Condensed Semibold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890(!?&%$.,;:)
Proxima Nova Semibold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890(!?&%$.,;:)
Proxima Nova Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890(!?&%$.,;:)
The Initial Emblem
The Initial Emblem is a secondary logo that can be applied 'only' if the Primary Logo is incorporated in the composition. This emblem can be applied as a decorative element for stationary, printed promotional material or the desktop and mobile sites!
24
25
Original Reversed
W&BB&W
26
Preserve the integrity of the secondary logo!
Please consider clear space for the primary logo! (go to p.16)
Use it as long as the primary logo is applied!
Separate the secondary logo from body type!
Please apply the logo as it is!Place the secondary logo away from
other logos!
Use logo with integrity and please keep the proportions constrained!
Please reproduce the primary logo in high quality!
Proper Usage
27
Do not add, quotes, slogans, phrases, tag lines product names or other business logos
into the primary logo!
Do not add other visual elements to logo, including outlines, drop shadows,
strokes and reconfiguration!
Do not add or crop out elements in the logo! Do not change the colors within the logo!
Do not stretch, distort, re-align, or alter the elements of the logo!
Do not customize the placement of elements!
Do not place the logo on busy backgrounds! Do not change background without consent!
Improper Usage
The Dream Tilde
As a small firm, the possibilities for our secondary elements can be endless. To keep things simple and straightforward however, our primary, secondary element consist of color and dynamic tildes. The tilde represents 'infinite imagination'. With the secondary elements, be free to imple-ment the primary and secondary colors as a background, but it must include a white tilde with it! As much as we appreciate clear communication, this is a way we convey our vibrant atmosphere. Above is the original variation, and below is the colored variation!
28
The following images are visual options for the secondary element. As demonstrated in each image, a whole tilde is divided through four quarters, or by 50%! When utilizing the secondary element, be sure it's constrained for efficient scaling. For consistency, ensure that the whole tilde is a ¼ in that particular size, whether it's for a print or web application. Observe the visuals for further help!
29
Tilde Variations
30
Preserve the integrity of the secondary elements!
Use only the primary and secondary colors provided in the guide!
(see pgs. 18-21 for more details…)
Use it as long as the primary logo is applied to the visual application!
Relate the hierarchy between the text and the direction of the tilde!
Colored variations must utilize a white tilde while the original must utilize the tilde in Initial Cyan with 40%
transparency!
Only display 25% of the complete tilde in any visual application!
Use elements with integrity and please ensure the proportions are
constrained!
Please reproduce the secondary elements in high quality!
Proper Usage
31
Do not apply, quotes, slogans, phrases, tag lines product names or other business
logos into the secondary element!
Do not add other visual elements to element, including fills, gradients
and reconfiguration!
Do not add or crop out details in the element!
Do not change the shape of the tilde, or apply any unauthorized tildes!
Do not stretch, distort, re-align, or alter the secondary element!
Do not customize the placement of the secondary element!
Do not place the element on busy backgrounds!
Do not apply unauthorized colors on background or element!
Improper Usage
32
Utilizing these vectors requires special permission from me. Over time, these icons are subject to change. It's also important to under-stand the branding guidelines for the company.
To know more information about the branding guidelines for Facebook, go to…
www.facebookbrand.com/
Visual Resources: Facebook
33
Utilizing these vectors requires special permission from me. Over time, these icons are sub-ject to change. It's also import-ant to understand the branding guidelines for the company.
To know more information about the branding guidelines for Twitter, go to…
www.twitter.com/logo
Visual Resources: Twitter
34
Utilizing these vectors requires special permission from me. Over time, these icons are subject to change. It's also important to under-stand the branding guidelines for the company.
To know more information about the branding guidelines for Pinterest, go to…
business.pinterest.com/brand-guidelines/
Visual Resources: Pinterest
35
Utilizing these vectors requires special permission from me. Over time, these icons are subject to change. It's also important to under-stand the branding guidelines for the company.
To know more information about the branding guide-lines for Behance, go to …
www.behance.net/dev/api/brand
Visual Resources: Behance
36
Utilizing these vectors requires special permission from me. Over time, these icons are subject to change. It's also important to under-stand the branding guidelines for the company.
To know more information about the branding guidelines for Instagram, go to…
https://help.instagram.com/304689166306603
Visual Resources: Instagram
37
Utilizing these vectors requires special permission from me. Over time, these icons are subject to change. It's also important to under-stand the branding guidelines for the company.
To know more information about the branding guidelines for Linkedin, go to…
developer.linkedin.com/docu-ments/branding-guidelines
Visual Resources: Linkedin
38
Utilizing these vectors requires special permission from me. Over time, these icons are subject to change. It's also important to under-stand the branding guidelines
for the company.
To know more information about the branding guidelines for Square, go to
squareup.com
Visual Resources: Square
39
40
Utilizing these vectors requires special permission from me. Over time, these icons are subject to change. It's also important to understand the branding guidelines for the company.
To know more information about the branding guidelines for Apple's iOS App Store, go to…
www.apple.com/itunes/affiliates/resources/documentation/identity-guidelines.html
Visual Resources: Apple App Store
41
Utilizing these vectors requires special permission from me. Over time, these icons are subject to change. It's also important to understand the branding
guidelines for the company.
To know more information about the branding guidelines for Google Play, go to…
http://developer.android.com/distrib-ute/googleplay/promote/index.html
Visual Resources: Google Play
42
Utilizing these vectors requires special permission from me. Over time, these icons are subject to change. It's also important to understand the branding guidelines for the company.
To know more information about the brand-
ing guidelines for Windows 8, go to…
msdn.microsoft.com/en-us/windows/apps/hh779072
Visual Resources: Microsoft