Musicnotes Brand Book

1 | Musicnotes Brand Identity Guidelines Brand & Identity Guidelines

2 | Musicnotes 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 3 Design Values 4 Logo Design 9 Logo Usage 15 Color Palette 18 Typography Introduction

3 | Musicnotes Brand Identity Guidelines 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 Intuitive Clear understanding of what is possible with Musicnotes’ products and platforms. Quality Meticulously composed brand, identity, and products to be at the highest industry standard for music, design, and technology. Consistent Common themes, visual cues, and interactions to create a holistic and familiar experience. Beautiful Creative, playful attitude that instills for the customer an unforgettable recognition. Brand & Design Values

4 | Musicnotes Brand Identity Guidelines 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

5 | Musicnotes Brand Identity Guidelines LOGO MARK LOGO TYPE TAGLINE Components SHEET MUSIC ANYWHERE

6 | Musicnotes Brand Identity Guidelines PRIMARY LOGO — TAGLINE PRIMARY LOGO — NO TAGLINE Variations SHEET MUSIC ANYWHERE

7 | Musicnotes Brand Identity Guidelines PRIMARY LOGO — ONE-COLOR PRIMARY LOGO — ONE COLOR — VERTICAL ORIENTATION LOGO MARK PREFERRED COLORS — WEB & PRINT Variations Pantone 539 U Pantone 539 C Pantone 3005 U Pantone 3005 C CMYK 100 / 100 / 100 / 100 > 50% #22313F #0272B3 #000 #666 (or lighter) PRIMARY COLOR SECONDARY COLOR BLACK GRAYS

8 | Musicnotes Brand Identity Guidelines 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

9 | Musicnotes Brand Identity Guidelines Avoid distorting (stretching or squishing) the logo from its original aspect ratio. Always scale the logo proportionally. Aspect Ratio WRONG CORRECT SHEET MUSIC ANYWHERE SHEET MUSIC ANYWHERE

10 | Musicnotes Brand Identity Guidelines 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

11 | Musicnotes Brand Identity Guidelines 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

12 | Musicnotes Brand Identity Guidelines Primary, Secondary & Tertiary SPOT Pantone 539 U Pantone 539 C PRIMARY COLOR SECONDARY ACCENT PRIMARY ACCENT TERTIARY ACCENT SECONDARY COLOR TERTIARY ACCENT Pantone 360 U Pantone 360 C Pantone 3005 U Pantone 3005 C Pantone 290 U Pantone 290 C Pantone 1797 U Pantone 1797 C Pantone 7404 U Pantone 7404 C 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 U Pantone 1375 C 242 / 125 / 33 1 / 63 / 100 / 0 #F47D25

13 | Musicnotes Brand Identity Guidelines Percentages & Grays 100% 60% 90% 40% 10% 80% 20%

14 | Musicnotes Brand Identity Guidelines 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

15 | Musicnotes Brand Identity Guidelines 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 jumped The red fox jumped The red fox jumped The 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 truffaut banh mi 8-bit. 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 truffaut banh mi 8-bit. 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 truffaut banh mi 8-bit. 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 truffaut banh mi 8-bit. The red fox jumped The red fox jumped The red fox jumped The 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 truffaut banh mi 8-bit. 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 truffaut banh mi 8-bit. Proxima Nova Proxima Nova

16 | Musicnotes Brand Identity Guidelines Thanks For Reading! Company: Musicnotes Email: [email protected] Website: www.musicnotes.com Designed by: UX & Marketing Staff