Flo_Records_Guyette_Matthew

2020 Brand Manual

II

III

Contents · About / Mission Statement ........ 2-5 · Logo ........ 6-15 · Color Palette ........ 7-9 · Typography ........ 10-11 · Graphic Elements ........ 10-11 · Stationery ........ 10-11 · Merchandise ........ 10-11 · Digital Advertising ........ 10-11 · Environmental Advertising ........ 10-11

Studio flo | Brand Guidelines | 1

About/ Mission Statement Studio flo | Brand Guidelines | 3

Mission Statement

Provide a professional, mobile recording experience for the modern musician.

About Studio Flo Studio Flo is a mobile music recording app that allows musicians to record studio quality tracks on the go. Users can purchase our pocket sized transfer case that plugs in to your phone via thunderbolt3 cable and record with thier own mics or instruments directly to their phone. They can even mix the tracks on our app or download the files from our free cloud storage and mix them on their computers with any studio software they choose.

Promotional Plan We plan to use digital advertising and environmental advertising as our primary martketing tactics. Specifically, Instagram and Youtube ads to most effectively reach our target audience, Tech savy musicians between the ages of 16 and 40. Secondary, we plan to launch a billboard marketing campaign in tech forward, city environments.

4 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 5

Logo Design 6 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 7

Logo Construction

Logo Construction

Icon

Icon + Type 4X

3X 5X

X

The icon is consctructed on an even square grid at 17 modules wide and tall.

8 | Brand Guidelines | Studio flo

3X

As your measurement , use the spacing from one grid module of the icon and place the type in the position shown above.

Studio flo | Brand Guidelines | 9

Logo Formats (on white full color) Icon + Type

Logo Formats (on white single color) Icon

Icon + Type

Type

Usage as follows. · Icon+ Type (over 200px) · Type (under 200px) · Icon (under 100px)

10 | Brand Guidelines | Studio flo

Icon

Type

Do not use logo different than the options listed in “logo formats”

Usage as follows. · Icon+ Type (over 200px) · Type (under 200px) · Icon (under 100px)

Do not use logo different than the options listed in “logo formats”

Studio flo | Brand Guidelines | 11

Logo Formats (on blue full color) Icon + Type

Logo Formats (on blue single color) Icon

Icon + Type

Type

Usage as follows. · Icon+ Type (over 200px) · Type (under 200px) · Icon (under 100px)

12 | Brand Guidelines | Studio flo

Icon

Type

Do not use logo different than the options listed in “logo formats”

Usage as follows. · Icon+ Type (over 200px) · Type (under 200px) · Icon (under 100px)

Do not use logo different than the options listed in “logo formats”

Studio flo | Brand Guidelines | 13

Logo Clear Space Icon

The clear space around the entire logo is equal to 1/4th the size of the icon at whichever size the icon is when using.

14 | Brand Guidelines | Studio flo

Logo Gradient

Icon + Type

“FL” runs the orange to purple gradient at a 45° angle from top left (orange) to bottom right (purple).

“O” runs the blue to blue gradient at a 45° angle from top right (dark blue) to bottom left (light blue).

Studio flo | Brand Guidelines | 15

Color Palette 16 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 17

Color Palette

Gradient

· Pantone - 305 · CMYK - 60, 0, 0, 0 · RGB - 68, 200, 245 · HEX - #44c8f5

· Pantone - 1375 · CMYK - 0, 48, 100, 0 · RGB - 248, 151, 29 · HEX - f8971d

· Pantone - 306 · CMYK - 100, 0, 0, 1 · RGB - 0, 174, 239 · HEX - #00aeef

· Pantone - 232 · CMYK - 0, 89, 0, 0 · RGB - 238, 64, 151 · HEX - #ee4097

· Pantone - 285 · CMYK - 100, 52, 0, 0 · RGB - 0, 111, 186 · HEX - #006fba

· Pantone - 527 · CMYK - 58, 92, 0, 0 · RGB - 131, 59, 150 · HEX - #833b96

· Pantone - 2768 · CMYK - 100, 60, 0, 80 · RGB - 0, 20, 63 · HEX - #00143f

· Pantone - Bright White · CMYK - 0, 0, 0, 0 · RGB - 255, 255, 255 · HEX - #ffffff

18 | Brand Guidelines | Studio flo

Orange, Pink, Purple

· Pantone - 1375 · CMYK - 0, 48, 100, 0 · RGB - 248, 151, 29 · HEX - f8971d

· Pantone - 232 · CMYK - 0, 89, 0, 0 · RGB - 238, 64, 151 · HEX - #ee4097

· Pantone - 527 · CMYK - 58, 92, 0, 0 · RGB - 131, 59, 150 · HEX - #833b96

· Pantone - 305 · CMYK - 60, 0, 0, 0 · RGB - 68, 200, 245 · HEX - #44c8f5

· Pantone - 306 · CMYK - 100, 0, 0, 1 · RGB - 0, 174, 239 · HEX - #00aeef

· Pantone - 285 · CMYK - 100, 52, 0, 0 · RGB - 0, 111, 186 · HEX - #006fba

Blue

Studio flo | Brand Guidelines | 19

Typography 20 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 21

Primary Typeface

Cereal App

Web Type Styleguide Display Headings

(Light, Book, Medium, Bold, Extra Bold)

Mi consedici duci nimenis et pra volori conectecta volore molorro vidunt ate offictes sanis explita tisquundam aut ent quam rest rem voluptatque latque et, eos illuptas quo temos ducil is voloribus, nit voluptatist rat atem quation rat et laboris enditatem eos doluptatecto tem receatur am, torro odi doloria tiorrum quodia vitam sinimpore culleni hitibusam entur sincienis molo ipsam, tem ventia ea quodiciis eos por at asinvelit escit, suntur sam, que eum laute esedita sperum volorum nobissi officate nonsequi odi vellece perspit, eiuntoreptis dolo.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Heading Big Heading Small HEADING TINY

64px Extra Bold Standard Case

36px Extra Bold Standard Case

18px Extra Bold All Caps

1234567890

22 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 23

Web Type Styleguide

Web Type Styleguide

Standard Heading

Paragraphs

Heading 1 Heading 2

44px Book Standard Case

36px Book Standard Case

Paragraph Large

20px Light Standard Case

Paragraph

16px Light Standard Case

Paragraph-de-emphasized

Heading 3 Heading 4

24 | Brand Guidelines | Studio flo

30px Book Standard Case

16px Light (35% Opacity) Standard Case

Paragraph Small

14px Light Standard Case

Paragraph Tiny

12px Light Standard Case

24px Book Standard Case

Studio flo | Brand Guidelines | 25

Graphic Elements 26 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 27

Shape Elements

Pattern

These elements are decnstructed elements of the logo icon and can be used as secondary graphics.

28 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 29

Stationary 30 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 31

Letter Head

Business Card The letter head utilizes the Icon+Type logo on white format. Typeface used throughout is Cereal App book at 9pt with 10.8 leading.

32 | Brand Guidelines | Studio flo

The business card utilizes the Icon+Type logo on blue format for the front and the Icon+Type logo on white format for the back. The typefaces used are Cereal App bold at 8pt for the name and Cereal App book at 6pt for the contact info/address.

Studio flo | Brand Guidelines | 33

Envelope

Buck Slip The envelope utilizes the Icon+Type logo on blue format for the back lip and the Icon+Type logo on white format for the front. The typefaces used are Cereal App bold at 9pt for the name and Cereal App book at 7pt for the address.

The buck slip utilizes the Icon+Type logo on blue format for the front. The typeface used is Cereal App medium at 8pt.

The back is left blank.

34 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 35

36 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 37

Merchandise 38 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 39

40 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 41

42 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 43

44 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 45

46 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 47

48 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 49

50 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 51

Digital Advertising 52 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 53

Instagram

54 | Brand Guidelines | Studio flo

Website

Studio flo | Brand Guidelines | 55

Digital Ads

Digital Ads

Instagram

Instagram

56 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 57

Environmental Advertising 58 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 59

60 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 61

62 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 63

64 | Brand Guidelines | Studio flo

Studio flo | Brand Guidelines | 65