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.
4 | Brand Guidelines | Studio flo
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.
Studio flo | Brand Guidelines | 5
6 | Brand Guidelines | Studio flo
Logo Design Studio flo | Brand Guidelines | 7
Logo Construction Icon
The icon is consctructed on an even square grid at 17 modules wide and tall.
8 | Brand Guidelines | Studio flo
Logo Construction Icon + Type 4X
3X 5X
X
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
Icon
Type
Usage as follows. · Icon+ Type (over 200px) · Type (under 200px) · Icon (under 100px)
10 | Brand Guidelines | Studio flo
Do not use logo different than the options listed in “logo formats”
Logo Formats (on white single color) Icon + Type
Icon
Type
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
Icon
Type
Usage as follows. · Icon+ Type (over 200px) · Type (under 200px) · Icon (under 100px)
12 | Brand Guidelines | Studio flo
Do not use logo different than the options listed in “logo formats”
Logo Formats (on blue single color) Icon + Type
Icon
Type
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
Icon + Type
Logo Gradient
“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
16 | Brand Guidelines | Studio flo
Color Palette Studio flo | Brand Guidelines | 17
Color Palette · 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
Gradient 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
20 | Brand Guidelines | Studio flo
Typography Studio flo | Brand Guidelines | 21
Primary Typeface
Cereal App
(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 1234567890
22 | Brand Guidelines | Studio flo
Web Type Styleguide Display Headings
Heading Big Heading Small HEADING TINY
64px Extra Bold Standard Case
36px Extra Bold Standard Case
18px Extra Bold All Caps
Studio flo | Brand Guidelines | 23
Web Type Styleguide Standard Heading
Heading 1
44px Book Standard Case
Heading 2
36px Book Standard Case
Heading 3
30px Book Standard Case
Heading 4
24px Book Standard Case
24 | Brand Guidelines | Studio flo
Web Type Styleguide Paragraphs
Paragraph Large
20px Light Standard Case
Paragraph
16px Light Standard Case
Paragraph-de-emphasized
16px Light (35% Opacity) Standard Case
Paragraph Small
14px Light Standard Case
Paragraph Tiny
12px Light Standard Case
Studio flo | Brand Guidelines | 25
26 | Brand Guidelines | Studio flo
Graphic Elements Studio flo | Brand Guidelines | 27
Shape Elements
These elements are decnstructed elements of the logo icon and can be used as secondary graphics.
28 | Brand Guidelines | Studio flo
Pattern
Studio flo | Brand Guidelines | 29
30 | Brand Guidelines | Studio flo
Stationary Studio flo | Brand Guidelines | 31
Letter Head 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
Business Card 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 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.
34 | Brand Guidelines | Studio flo
Buck Slip
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.
Studio flo | Brand Guidelines | 35
36 | Brand Guidelines | Studio flo
Studio flo | Brand Guidelines | 37
38 | Brand Guidelines | Studio flo
Merchandise 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
52 | Brand Guidelines | Studio flo
Digital Advertising Studio flo | Brand Guidelines | 53
54 | Brand Guidelines | Studio flo
Website
Studio flo | Brand Guidelines | 55
Digital Ads Instagram
56 | Brand Guidelines | Studio flo
Digital Ads Instagram
Studio flo | Brand Guidelines | 57
58 | Brand Guidelines | Studio flo
Environmental Advertising 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