brand manual.2018
A BR AND GUIDE: CRE ATED FOR MONO.
MonoStudios 07.2018
Brand Manual 2018
index.
Brand Manual 2018.
Nequatiis doluptatqui destia volore ant aut maximilia con ex. Dis dol uptium cor sita te vendi ium de optur, quossitia cus, utem. At acesequi cones quam res reperciam it, evendellabo. Nequatiis doluptatqui destia volore ant aut maximilia con ex eum et.
Brand Identity
Logo Guide
Page
Page
03 <<<
002
05
Brand Manual 2018
01. About us / Our Agency
05
06. Stationery
13
02. Brand Identity
06
07. Merchandising
14
03. Logo and Logo Guidelines
09
08. Corporate Images
15
04. Brand Colors
10
09. Iconography
16
05. Typography
12
10. Validation
17
evendellabo. Nequatiis doluptatqui destia volore ant aut maximilia con ex.Dis doluptium cor sitate vendi ium de optur, quossitia cus, utem. At acesequi cones quam res reperciam, evendellabo. Nequatiis doluptatqui destia volore ant aut maximilia con ex eum et aligent evelitis quam res reperciam.
Brand Colors
Typography
Stationery
Image & Icons
Page
Page
Page
Page
09
14
23
27 003
>>>
Brand Manual 2018
welcome to mono.
<<<
004
Our vision
Our mission
Dis doluptium cor sitate vendi ium de optur, quossitia cus, utem.
Dis doluptium cor sitate vendi ium de optur, quossitia cus, utem.
At acesequi cones quam res reperciam, evendellabo. Nequatiis doluptatqui destia volore ant aut maximilia con ex eum et aligent evelitis.
At acesequi cones quam res reperciam, evendellabo. Nequatiis doluptatqui destia volore ant aut maximilia con ex eum et aligent evelitis.
Epudit anime reium, omniscipsum ersped quam aut quas dolupta tinctat iusanditate dignimo int volor aut dessequia nulliciendit fuga. Et in cuptat.
Epudit anime reium, omniscipsum ersped quam aut quas dolupta tinctat iusanditate dignimo int volor aut dessequia nulliciendit fuga. Et in cuptat.
Brand Manual 2018
intro.
Company founded &
Place a description for introduction here
raised in
Year
2013 Company staff & remote workers
Staff
+150
Tequis magnam everunt re volupti ntiusament at et omnimo totatin venimus anturis explaut alique quatem qui utemquia dolo erum soluptas alite tet id qui utempor esequis evelesc iaecabor re conseque. Qui officab orruntota cus ium rempedi gendandus veniscidus erum as ut idebit, toremporias ea conet volo blantia plaborepel is natqui officil magnihi. Tequis magnam everunt re volupti ntiusament at et omnimo totatin
venimus anturis explaut alique quatem qui utemquia dolo erum soluptas alite tet id qui utempor esequis evelesc iaecabor re conseque.Tequis magnam everunt re volupti ntiusament at et omnimo totatin venimus anturis explaut alique quatem qui utemquia dolo erum soluptas alite tet id qui utempor esequis evelesc iaecabor re conseque. Qui officab orruntota cus ium rempedi gendandus veniscidus erum as ut idebit, toremporias ea conet volo blantia plaborepel is.
Projects done since company founding
Projects
+270 005
>>>
Brand Manual 2018
about us & our agency
Andy Carroll
Michael Saunderson
Sarah MacPherson
CEO / Company President
Director Finance & Controlling
Director Marketing & PR
Henihilia atusdae quia sumqui id
Henihilia atusdae quia sumqui id
Henihilia atusdae quia sumqui id
modi reribus, non nihilit provit as-
modi reribus, non nihilit provit as-
modi reribus, non nihilit provit as-
sunt experup tatemquas quid que
sunt experup tatemquas quid que
sunt experup tatemquas quid que
occaboreris dellaut dolupici
occaboreris dellaut dolupici
occaboreris dellaut dolupici
Build your brand in an successful way. Uptam eossum que aut que volor simentur, consed quis des venim ipienis et eatusantus se con consequ iatur? Optatur rernatus ad etur as ent ut quis quatem fugitinctur ipienis et eatusantus se con consequ iatur? Optatur rernatus ad etur quatem fugitinctur ipienis?
We create strong brands. Uptam eossum que aut que volor simentur, consed quis des venim ipienis et eatusantus se con consequ iatur? Optatur rernatus ad etur as ent ut quis quatem fugitinctur ipienis et eatusantus se con consequ iatur? Optatur rernatus ad etur? <<<
006
19 Brand Manual 2018
mono studio
Design is not just what it looks like and feels like. Design is how it works. 007
>>>
Brand Manual 2018
our brand and identity
<<<
Corporate Identity How we are.
Corporate Design How we wanna look.
Quatem iur? Velenes de plab il imenim fugitatent voloreh enisquis omnist ommodi dolupta desciatur, sediorio inctia voluptat odicim sitionectent asincit, core esciminit asimolut quia quatet essimus eum eatempedi dus dendige niminul luptae vendae sandem que que vollesenime oditat.
Quatem iur? Velenes de plab il imenim fugitatent voloreh enisquis omnist ommodi dolupta desciatur, sediorio inctia voluptat odicim sitionectent asincit, core esciminit asimolut quia quatet essimus eum eatempedi dus dendige niminul luptae vendae sandem que que vollesenime oditat.
Corporate Behaviour How we want to be.
Corporate Culture How we care about.
Quatem iur? Velenes de plab il imenim fugitatent voloreh enisquis omnist ommodi dolupta desciatur, sediorio
Quatem iur? Velenes de plab il imenim fugitatent voloreh enisquis omnist ommodi dolupta desciatur, sediorio inctia voluptat odicim sitionectent asincit, core esciminit asimolut quia quatet essimus
inctia voluptat odicim sitionectent asincit, core esciminit asimolut quia quatet essimus eum eatempedi dus dendige niminul luptae vendae sandem que que vollesenime oditat.
eum eatempedi dus dendige niminul luptae vendae sandem que que vollesenime oditat.
008
Brand Manual 2018
brief, goals & content.
The brief.
Our briefing and project list. Quatem iur? Velenes de plab il imenim fugitatent voloreh enisquis omnist ommodi dolupta desciatur, sediorio inctia voluptat odicim eum eatempedi dus dendige niminul luptae vendae sandem que que vollesenime oditat.
Brand goals.
How we care about. Quatem iur? Velenes de plab il imenim fugitatent voloreh enisquis omnist ommodi dolupta desciatur, sediorio inctia voluptat odicim eum eatempedi dus dendige niminul luptae vendae sandem que que vollesenime oditat.
The content.
How we care about. Quatem iur? Velenes de plab il imenim fugitatent voloreh enisquis omnist ommodi dolupta desciatur, sediorio inctia voluptat odicim eum eatempedi dus dendige niminul luptae vendae sandem que que vollesenime oditat. 009
>>>
BrandManual 2018
mono studio
01. the logo & logo construction
<<<
0010
01 Brand Manual 2018
Logo Intro. Corporate Logo. Construction. Logo Application.
0011
>>>
Brand Manual 2018
logo introduction.
Place a description for introduction here Tequis magnam everunt re volupti ntiusament at et omnimo totatin venimus anturis explaut alique quatem qui utemquia dolo erum soluptas alite tet id qui utempor esequis evelesc iaecabor re conseque. Qui officab orruntota cus ium rempedi gendandus veniscidus erum as ut idebit, toremporias ea conet volo blantia plaborepel is natqui officil magnihi.
<<<
0012
venimus anturis explaut alique quatem qui utemquia dolo erum soluptas alite tet id qui utempor esequis evelesc iaecabor re conseque.Tequis magnam everunt re volupti ntiusament at et omnimo totatin venimus anturis explaut alique quatem qui utemquia dolo erum soluptas alite tet id qui utempor esequis evelesc iaecabor re conseque.
Tequis magnam everunt re volupti ntiusament
Qui officab orruntota cus ium rempedi gendandus veniscidus erum as ut idebit, toremporias ea conet
at et omnimo totatin
volo blantia plaborepel is.
Brand Manual 2018
corporate logo
The full logotype The Mono Masterbrand or Corporate Logo comprises two elements, the logo
The Logo Type has been carefully chosen for its modern and yet refined, highly legible style, which has
symbol and logo type. The Logo Symbol is a powerful image evoking the culture of design services - the connection between the strength of communication and the different points that influence.
been further enhanced by the use of lower case letters. The typeface of Mono is Source Sans Pro and has also been chosen to compliment and balance perfectly with the logo symbol.
The Logo Symbol
The Logo Title
Consists of a powerful element evoking the culture of design services and a black square backround.
Carefully chosen for its modern and refined, highly legible style, The font that is used here is Source Sans.
Logo Dark Version
Logo Light Version
mono.studio
0013
>>>
Brand Manual 2018
logo construction & clearspace
The Construction
Logo Construction
It is important to keep corporate marks clear of any other graphic elements. To regulate this, an exclusion zone has been established around the corporate mark. This exclusion zone indicates the closest any other graphic element or message can be positioned in relation to the mark.of the the symbol itself and our company name â&#x20AC;&#x201C; they have a fixed relationship that should never be changed in any way.
x
y
The Clearspace
Whenever you use the logo, it should be surrounded with clear space to ensure its visibility and impact. No graphic elements of any kind should invade this zone.
Computation To work out the clearspace take the height of the logo and divide it in half. (Clearspace = Height / 2).
Full Logo Symbol x
0014
x
x
x
x
x
x
x
x
<<<
Logo Symbol
Brand Manual 2018
logo application standards
Minimum Logo Sizes
Whenever you use the logo, it should be used with a minimum height of 12 mm. The clear space is additional to the logo height to ensure its visibility.
Full Logo : Minimum Height: 12,0 mm
Logo Symbol : Minimum Height: 12,0 mm
12,0 mm
12,0 mm
0015
>>>
BrandManual 2018
mono studio
02. brand fonts & corporate typography
<<<
0016
02 Brand Manual 2018
Corporate Fonts. Font Details. Hierarchy. Style Examples.
0017
>>>
Brand Manual 2018
corporate fonts
Corporate Font Explanation
01
02
Primary Font
Secondary Font
Designer : Paul D. Hunt
Designer : Julieta Ulanovsky
Font information :
Font information :
The typeface is inspired by the forms of the American Type Foundersâ&#x20AC;&#x2DC; gothics by Morris Fuller Benton, such as News Gothic, Lightline Gothic and Franklin Gothic, modified with both a larger x-height and character width and more
The letters that inspired this project have work, dedication, care, color, contrast, light and life, day and night! These are the types that make the city look so beautiful. The Montserrat Project began with the idea to rescue what is in Montserrat and
humanist-influenced italic forms. It is available in six weights.
set it free under a libre license, the SIL Open Font License.
Primary
Source Sans Pro
<<<
0018
Secondary
Montserrat
Brand Manual 2018
used brand fonts
Primary Font Source Sans Bold
A
B
C D E F G
H
I
J
K
L M
N
01
Source Sans Figures
01234567890
Secondary Font Montserrat Bold
A B C D E F G H I J K L M N
02
Montserrat Figures
012 34567890 0019
>>>
Brand Manual 2018
font hierarchy
Understanding Typographic Composition & Hierarchy
Why using a font and typographic system
Present your content in a perfect way
This organizational system, or roadmap, is achieved through the use of both typographic and spatial elements; in combination, they create the desired effect you want to add.
One of the most important aspects of communicating with type is to establish a strong typographic hierarchy. This refers to presenting the content in a way that visually conveys where to look, and in what sequence. The styling and placement of all elements – both type and images – should guide the viewer through the content in order of importance.
To begin the process, it’s essential to understand the relative importance of all components of the content – which can include headline, subhead, body text, pull quotes, listings, column headings, as well as other elements – and then design to visually reinforce this in your typographic design.
<<<
0020
Brand Manual 2018
text and headline hierarchy
Context Text and Inner Headlines
Headlines and Typobreaks
Caption Text
Mono Typo Source Sans Regular 7 pt Type / 10 pt Leading
Copy Text
Mono Typo Source Sans Regular 10 pt Type / 14 pt Leading
Headlines Copytext
Mono Copy Text Headline
Big Headlines and Title
Sequencer and Title for Marketing
Source Sans Bold - Inital Letters 12 pt Type / 15 pt Leading
subhead typo
Source Sans Bold - Small Letters 21 pt Type / 25 pt Leading
head typo Source Sans Bold - Small Letters 46 pt Type / 44 pt Leading
0021
>>>
BrandManual 2018
mono studio
03. corporate color system and usage
<<<
0022
03 Brand Manual 2018
Primary Colors. Explanation. Secondary Colors. .
0023
>>>
Brand Manual 2018
primary color system
Primary Color System
0024
Color B :
black
gray
Color Codes
Color Codes
CMYK : C000 M020 Y100 K000 Pantone : 297C HKS : 02K RGB : R000 G000 B000 Web : #000000
CMYK : C000 M020 Y100 K000 Pantone : 297C HKS : 02K RGB : R000 G000 B000 Web : #000000
Tones Corporate Color 1
Tones Corporate Color 2
100 %
<<<
Color A :
80 %
60 %
40 %
20 %
100 %
80 %
60 %
40 %
20 %
Brand Manual 2018
secondary color system
Color plays an important role in the Mono Studio corporate identity program. The colors below are recommendations
primary colors has been developed, which comprise the â&#x20AC;&#x153;One Voiceâ&#x20AC;? color scheme. Consistent use of these colors will contribute to the cohesive and harmonious look of the Purism brand identity across all relevant media. Check with your designer or printer when using the corporate colors that
for various media. A palette of
they will be always be consistent.
Color C :
Color D :
Color E :
blue
orange
violet
Color Codes
Color Codes
Color Codes
CMYK : C000 M020 Y100 K000 Pantone : 297C HKS : 02K RGB : R000 G000 B000 Web : #000000
CMYK : C000 M020 Y100 K000 Pantone : 297C HKS : 02K RGB : R000 G000 B000 Web : #000000
CMYK : C000 M020 Y100 K000 Pantone : 297C HKS : 02K RGB : R000 G000 B000 Web : #000000
Tones Corporate Color 1
Tones Corporate Color 2
Tones Corporate Color 3
100 %
80 %
60 %
40 %
20 %
100 %
80 %
60 %
40 %
20 %
100 %
80 %
60 %
40 %
20 %
0025
>>>
BrandManual 2018
mono studio
04. corporate stationery system
<<<
0026
04 Brand Manual 2018
Letterhead Din A4. Business Cards. Envelope DIN C4. Logo Placement.
0027
>>>
Brand Manual 2018
corporate letterhead
Parameter
Letterhead This shows the approved layouts with the primary elements of the Mono Studio stationery system for the frontside of the letterheads.
Dimensions
Din A4 Weight
mono studio
100 g/m2 Main Avenue, 7th New York, United States
CMYK
T. 01 23 4567 8901 F. 01 23 4567 8901 July, 2ne 2017 Mr. Max Jefferson Creative Director London, GB
info@mono-studio.com www.mono-studio.com
Dear Sir and Madam, Excero mo dit voluptatur, quunti ra dolupta sit quat archicatibus rae ni arum remque repel iliquo ipsaper atibusant mint quam fuga. Itate cus, ut eum estiam ium ipsametur, siminctus dolest arum consed quiberum nihici aut voluptaque consedi blanis a num eicto optassi nverumquis auda con peptate reperep udantiis sed uatiis mo ea verferes des essinctet parum quaspe solupta et et dolorum t. As et ut dolut voloritatium explige ndenditia dolum erci omni beariberia que dist off icabo. Icillabo. comnienis as accusda a niet autam, qui blaborem quibusdam, te pro ilignim iliciate enis restendae nonseditibus ent fugitatius alis ate ipsam quiam re volut que ea quist, occullabo. Ut et etur? Aditi comnimus ullacea tiant, se ne volupta dolut dit imodipsum esciur? Udio cus nest evella nest que aute nis eos eaquo quidusdae ea vel entoritae culloru ptatecab ident. Berst Regards
Usage: The letterhead will be used for all official communication that is going out of Purism company. <<<
0028
Maxwell Doe Director
Mono Studio. Brand Builder
monodesign.
Brand Manual 2018
corporate business cards
Parameter
Business Cards This shows the approved layouts with the primary elements of the Mono Studio stationery system for business cards.
Dimensions
85 x 55 mm Weight
350 g/m2 Print
CMYK
mono mono
www.mono-studio.com
Mr. Max Jefferson Creative Director
Mono Studio.
Mono Studio Main Avenue, 7th New York, USA T. 01 23 4567 8901 F. 01 23 4567 8901
info@mono-studio.com www.mono-studio.com
Usage: The business cards will be used for all official contact and communication of Mono Studio company. 0029
>>>
Brand Manual 2018
corporate envelope
Parameter
Envelope This shows the approved layouts with the primary elements of the Mono Studio stationery system for the frontside of the letterheads.
Dimensions
Din C4 Weight
100 g/m2 Print
CMYK
Usage: The letterhead will be used for all official communication that is going out of Purism company. <<<
0030
mono studio
Main Avenue, 7th New York, United States T. 01 23 4567 8901 F. 01 23 4567 8901 info@mono-studio.com www.mono-studio.com
Brand Manual 2018
logo placement
Logo Placement
To place the Mono Studio logo in the correct way please use one of the approved styles that are shown on the right. To place the Mono logo in other ways is not allowed.
Place your Logo in a correct way. 0031
>>>
BrandManual 2018
mono studio
05. corporate grid systems
<<<
0032
05 Brand Manual 2018
Print Grid System. Web Grid System. . .
0033
>>>
BrandManual 2018
print grid systems
Grid System Explanation
Vertical Grid System DIN A4
<<<
0034
A grid can be used to organize graphic elements in relation to a page, to other graphic elements on the page, or relation to other parts of the same graphic element or shape.
Brand Manual 2018
web grid systems
Screen Web Grid System Examples
Mobile Grid
This shows approved layouts with a responsive grid for a 16:9 Screen of our website. This will be used for websites, landing pages etc.
This is an example of a grid for mobile phones.
www.mono-studios.com
Newsletter
Enter your mail address here
Brand Studio
About us
About us
www.mono-studios.com
Newsletter
Clients
Enter your mail address here
about
Contact
minimal. 0035
>>>
BrandManual 2018
mono studio
06. corporate brand image system
<<<
0036
06 Brand Manual 2018
Brand Images. Colored Images. Black & White. Blending Modes.
0037
>>>
Brand Manual 2018
brand image system
Corporate Image Systems are responsible to transfer the values of Sirius to our customers or our potential customers. It is a composite psychological impression that continually changes with the firmâ&#x20AC;&#x2122;s circumstances, media coverage, performance, pronouncements, etc. <<<
0038
Mono Studio use various corporate advertising techniques to enhance their public image in order to improve their desirability as a supplier, employer, customer, borrower, partner, etc.
Brand Manual 2018
colored image system –– minimalistic touch –– modern –– rough look
Requirements for colored images
»» desaturate colours »» high contrast »» sharp images
»» minimalistic look »» modern »» businesslike 0039
>>>
Brand Manual 2018
black & white image system –– minimalistic look –– modern –– dark and brilliant
Requirements for black & white images
<<<
0040
»» desaturated colours »» high contrast »» sharp images
»» minimalistic look »» modern »» businesslike
Brand Manual 2018
blending modes
Why Blending modes?
Image Effects and blending modes raise the concision and the recognizability of a brand. Also they are able to divide content and other graphical elements that are used in layouts. In the same way the support statement of the used images and raise application possibilities.
Examples Blending modes
Re-Create Identity.
Requirements for colored images »» use blending modes in black and white corporate images »» use a placeholder with a dark blue background
Change the game.
Right now.
»» adjust layer style to “multiplicate”
mono studio 0041
>>>
BrandManual 2018
mono studio
07. design and branding system
<<<
0042
07 Brand Manual 2018
Moodboards. Textures & Patterns. Iconography. Infographics.
0043
>>>
Brand Manual 2018
moodboards
Moodboards and style elements are extremely useful for establishing the aesthetic feel of a design structure. It usually fits into the process somewhere after wireframes and before design mockups. Things that can be explored in the mood board include photography style, color palettes, typography, patterns and the overall look and feel. <<<
0044
Brand Manual 2018
textures & patterns A rough collage of colors, textures and pictures is all it takes to evoke a specific style or feeling.
0045
>>>
Brand Manual 2018
iconography
An icon is a pictogram displayed on a screen or print layout in order to help the user navigate through the content in a easier way. The icon itself is a small picture
or symbol serving as a quick, â&#x20AC;&#x153;intuitiveâ&#x20AC;? representation of a software tool, function or a data file.
Icon version 1: - Light Grey solid background - Stroke size: 2pt
Icon version 2: - Light blue solid background - Stroke size: 2pt
Icon version 3: - Dark Grey no background - Stroke size: 2pt
Icon version 4: - Orange no background - Stroke size: 2pt
<<<
0046
Brand Manual 2018
infographics & design
Infographics are graphic visual representations of information, data or knowledge intended to present
information quickly and clearly. They can improve cognition by utilizing graphics to enhance the human visual systemâ&#x20AC;&#x2122;s ability to see patterns and trends.
Round Diagram
Historgram Thin
Histogram Thick
+75% 01
Comparison Round
02
03
04
Comparison Round +50 %
+63%
+27%
+25 % 0%
05
2018
2019
2020
Data with Icons
68 %
Sales in United States
-25 % -50 %
+14 % Sales Worldwide
Comparison Bar Chart
Comparison Bar Chart
Bar Chart 1
63%
Men
Bar Chart 2
37%
Women 0047
>>>
Company Name : Mono Studio & Co.
Company Address 7th Avenue, Manhattan 578 New York, United States
MonoStudios