Brand Guidelines

a brand guide: created and designed for yeelo.studio

brand manual.2019 02.2019

002

Brand Manual 2019

index.

Brand Manual 2019.

short intro 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 <<<

05

003

Brand Manual 2019

01. About our Agency

04

06. Stationery

26

02. Brand Identity

08

07. Grid Systems

32

03. Logo Guidelines

10

08. Corporate Images

36

04. Typography

16

09. Branding System

42

05. Brand Color System

22

10. Thank you

44

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 >>>

004

Brand Manual 2019

welcome to yeelo.

<<<

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.

005

Brand Manual 2019

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 >>>

006

Brand Manual 2019

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? <<<

007

19 Brand Manual 2019

yeelo studio

Design is not just what it looks like and feels like.

Design is how it works. >>>

008

Brand Manual 2019

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.

009

Brand Manual 2019

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. >>>

Brand Manual 2019

yeelo studio

01. the logo & logo construction

<<<

0010

0011

Brand Manual 2019

01 Logo Intro.

Corporate Logo.

Construction.

Logo Application.

>>>

0012

Brand Manual 2019

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.

<<<

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.

0013

Brand Manual 2019

corporate logo

The full logotype The Yeelo 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 Yeelo 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

yeelo.studio

>>>

0014

Brand Manual 2019

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

x

x

x

x

x

x

x

x

<<<

Logo Symbol

0015

Brand Manual 2019

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

>>>

Brand Manual 2019

yeelo studio

02. brand fonts & corporate typography

<<<

0016

0017

Brand Manual 2019

02 Corporate Fonts.

Font Details.

Hierarchy.

Style Examples.

>>>

0018

Brand Manual 2019

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

<<<

Secondary

Montserrat

0019

Brand Manual 2019

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

01234567890 >>>

0020

Brand Manual 2019

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.

<<<

0021

Brand Manual 2019

text and headline hierarchy

Context Text and Inner Headlines

Headlines and Typobreaks

Caption Text

Yeelo Typo Source Sans Regular 7 pt Type / 10 pt Leading

Copy Text

Yeelo Typo Source Sans Regular 10 pt Type / 14 pt Leading

Headlines Copytext

Yeelo 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

>>>

Brand Manual 2019

yeelo studio

03. corporate color system and usage

<<<

0022

0023

Brand Manual 2019

03 Primary Colors.

Explanation.

Secondary Colors. .

>>>

0024

Brand Manual 2019

primary color system

Primary Color System

Color B :

yellow

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 %

0025

Brand Manual 2019

secondary color system

Color plays an important role in the Yeelo 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

violet

grey

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 %

>>>

Brand Manual 2019

yeelo studio

04. corporate stationery system

<<<

0026

0027

Brand Manual 2019

04 Letterhead Din A4.

Business Cards.

Envelope DIN C4.

Logo Placement.

>>>

0028

Brand Manual 2019

corporate letterhead

Parameter

Letterhead This shows the approved layouts with the primary elements of the Yeelo Studio stationery system for the frontside of the letterheads.

Dimensions

Din A4 Weight

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@yello-studios.com www.yello-studios.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. <<<

Maxwell Doe Director

Yello Studio. Brand Builder

yellostudios.

0029

Brand Manual 2019

corporate business cards

Parameter

Business Cards This shows the approved layouts with the primary elements of the Yeelo Studio stationery system for business cards.

Dimensions

85 x 55 mm Weight

350 g/m2 Print

CMYK

yello yello

www.yello-studios.com

Mr. Max Jefferson Creative Director

yello.studios

Yello Studio Main Avenue, 7th New York, USA T. 01 23 4567 8901 F. 01 23 4567 8901

info@yello-studios.com www.yello-studios.com

Usage: The business cards will be used for all official contact and communication of Yeelo Studio company. >>>

0030

Brand Manual 2019

corporate envelope

Parameter

Envelope This shows the approved layouts with the primary elements of the Yeelo 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. <<<

yeelo studio

Main Avenue, 7th New York, United States T. 01 23 4567 8901 F. 01 23 4567 8901 info@yeelo-studio.com www.yeelo-studio.com

0031

Brand Manual 2019

logo placement

Logo Placement

To place the Yeelo Studio logo in the correct way please use one of the approved styles that are shown on the right. To place the Yeelo logo in other ways is not allowed.

Place your Logo in a correct way. >>>

Brand Manual 2019

yeelo studio

05. corporate grid systems

<<<

0032

0033

Brand Manual 2019

05 Print Grid System.

Web Grid System. . .

>>>

0034

Brand Manual 2019

print grid systems

Grid System Explanation

Vertical Grid System DIN A4

<<<

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.

0035

Brand Manual 2019

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.yeelo-studios.com

Newsletter

Enter your mail address here

Brand Studio

About us

About us

www.yeelo-studios.com

Newsletter

Clients

Enter your mail address here

about

Contact

minimal. >>>

Brand Manual 2019

yeelo studio

06. corporate brand image system

<<<

0036

0037

Brand Manual 2019

06 Brand Images.

Colored Images.

Black & White.

Blending Modes.

>>>

0038

Brand Manual 2019

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. <<<

Yeelo 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.

0039

Brand Manual 2019

colored image system –– minimalistic touch –– modern –– rough look

Requirements for colored images

»» desaturate colours »» high contrast »» sharp images

»» minimalistic look »» modern »» businesslike

>>>

0040

Brand Manual 2019

black & white image system –– minimalistic look –– modern –– dark and brilliant

Requirements for black & white images

<<<

»» desaturated colours »» high contrast »» sharp images

»» minimalistic look »» modern »» businesslike

0041

Brand Manual 2019

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”

yeelo studio >>>

Brand Manual 2019

yeelo studio

07. design and branding system

<<<

0042

0043

Brand Manual 2019

07 Moodboards.

Textures & Patterns.

Iconography.

Infographics.

>>>

Brand Manual 2019

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

0045

Brand Manual 2019

textures & patterns A rough collage of colors, textures and pictures is all it takes to evoke a specific style or feeling.

>>>

0046

Brand Manual 2019

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

<<<

0047

Brand Manual 2019

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

>>>

Company Name : Yeelo Studio & Co.

Company Address 7th Avenue, Manhattan 578 New York, United States

Yeelo Studios