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
54 | Brand Guidelines | Studio flo
Website
Studio flo | Brand Guidelines | 55
Digital Ads
Digital Ads
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