Brand & Identity Guidelines - Musicnotes.com · Typography Introduction. 3 | Musicnotes Brand...

1 | Musicnotes Brand Identity Guidelines

Brand & Identity Guidelines


ABOUT THIS GUIDE

The purpose of these guidelines is to explain the use of the Musicnotes.com brand style and to reinforce consistent application of the visual elements in all communications and products. This includes publications, presentations, consumer applications, and all marketing materials both online and offline. Logo, color, and typography basics are included in this document.

TABLE OF CONTENTS

3Design Values

4Logo Design

9Logo Usage

15Color Palette

18Typography

Introduction


Musicnotes has four key values to set its visual identity to a standard, both in interactive and print media. These are an extension of business values set in Values, Vision, and 2015 Goals.

Business Values

Integrity & Honesty

Commitment to Quality

Tenacity

Humor & Levity

Creativity & Curiosity

Intelligence

Collaboration & Individuality

Caring & Respect

Design Values

IntuitiveClear understanding of what is possible with Musicnotes’ products and platforms.

QualityMeticulously composed brand, identity, and products to be at the highest industry standard for music, design, and technology.

ConsistentCommon themes, visual cues, and interactions to create a holistic and familiar experience.

BeautifulCreative, playful attitude that instills for the customer an unforgettable recognition.

Brand & Design Values


The company logo is an important, valued graphic element and must be used consistently and appropriately; even minor variations will compromise the image of the branding.

Musicnotes' logo is composed of three parts: its logo mark and logo type, as well as an optional tagline. Together they work to define Musicnotes' graphic identity.

Logo Design


LOGO MARKLOGO TYPE

TAGLINE

Components

S H E E T M U S I C A N Y W H E R E


PRIMARY LOGO — TAGLINE PRIMARY LOGO — NO TAGLINE

Variations

S H E E T M U S I C A N Y W H E R E


PRIMARY LOGO — ONE-COLOR PRIMARY LOGO — ONE COLOR — VERTICAL ORIENTATION

LOGO MARK PREFERRED COLORS — WEB & PRINT

Variations

Pantone 539 UPantone 539 C


CMYK100 / 100 / 100 / 100

> 50%

#22313F

#0272B3

#000

#666(or lighter)

PRIMARY COLOR

SECONDARYCOLOR

BLACK

GRAYS


Always use master artwork when reproducing any logo design. It should never be recreated under any circumstances. Always ensure you are using the correct artwork for the application.

When reproducing any logo elements, only the original high resolution or vector graphic files shall be used - logos should not be taken from this document.

Logo Usage


Avoid distorting (stretching or squishing) the logo from its original aspect ratio. Always scale the logo proportionally.

Aspect Ratio

WRONG CORRECT

S H E E T M U S I C A N Y W H E R ES H E E T M U S I C A N Y W H E R E


Avoid using a color outside of the selected brand color scheme. If you use a backdrop, mind the exclusion zone as well.

In addition, avoid altering the presentation of the logo by changing the font.

Colors & Fonts

WRONG CORRECT

musicnotes.com


Accurate reproduction of the brand color scheme is essential in communicating a clear and consistent message about the company image.

Pantone colors should be used wherever possible, with CMYK/RGB being matched as closely as possible depending on the materials and print process.

Color Palette


Primary, Secondary & Tertiary

SPOT


PRIMARY COLOR

SECONDARYACCENT

PRIMARYACCENT

TERTIARY ACCENT

SECONDARYCOLOR

TERTIARY ACCENT






RGB

34 / 49 / 63

162 / 188 / 53

2 / 144 / 179

204 / 227 / 240

195 / 30 / 24

255 / 185 / 24

CMYK

85 / 70 / 52 / 52

42 / 10 /100 / 0

89 / 51 / 4 / 0

18 / 3 / 2 / 0

16 / 100 / 100 / 7

0 / 30 / 98 / 0

HEX

#22313F

#A2BC35

#0272B3

#CCE3F0

#C31E18

#FFB918

TERTIARY ACCENT

Pantone 1375 UPantone 1375 C 242 / 125 / 33 1 / 63 / 100 / 0 #F47D25


Percentages & Grays

100%

60%

90%

40%

10%

80%

20%


Using consistent and meaingful font choices conveys a conscious personality for the company and provides familiar communication through the web and print.

Mostly, Proxima Nova will be the primary font of choice, with Kreon and Sansation being used sparingly among both print and interactive platforms (primarily as a display typeface).

Typography


Font Choice & Intent

We have two fundamental questions to ask when choosing fonts.

Do our font choices fit well within the print & web platforms for optimum legibility and usage value?

Do our font choices fit into our design values for meaningful impact? (intuitive, high quality, consistent, and beautiful)

The red fox jumpedThe red fox jumpedThe red fox jumpedThe red fox jumped

Skateboard organic fixie, jean shorts authentic ugh post-ironic craft beer yr. Photo booth PBR&B intelligentsia, health goth street art gluten-free whatever umami. Selvage hammock occupy bespoke franzen gochujang, knausgaard tru�aut banh mi 8-bit.




The red fox jumpedThe red fox jumpedThe red fox jumpedThe red fox jumped



Proxima NovaProxima Nova


Thanks For Reading!Company: Musicnotes

Email: [email protected]

Website: www.musicnotes.com

Designed by: UX & Marketing Staff

Brand & Identity Guidelines - Musicnotes.com · Typography Introduction. 3 | Musicnotes Brand...

Documents

Transcript of Brand & Identity Guidelines - Musicnotes.com · Typography Introduction. 3 | Musicnotes Brand...