Brand Guidelines

Page 1

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 – 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‘ 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 “One Voice� 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

Print

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’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, “intuitive� 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’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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.