Brand Manual by egotype

brand guidelines SELEC TED DESIGN FROM 2018 TO 2019

brand guidelines

corporate manual of mono

Statement of Confidentiality This material contained in our response and any material or information disclosed during of discussions of the proposal represents the proprietary, confidential information pertaining to our services, methodologies and mathods. Other products name and brand my be trademarks or redgesterd trademarks of their respective owners.

3 index

Company Name : Signum Studio & Co.

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

01. About us / Our Agency

02. Brand Identity

03. Logo and Logo Guidelines

04. Brand Colors

05. Typography

06. Stationery

07. Merchandising

08. Corporate Images

09. Iconography

10. Validation

11. Summary & Contact

brand guidelines

about us & our agency

Andy Carroll

Michael Saunderson

Sarah MacPherson

CEO / Company President

Director Finance & Controlling

Director Marketing & PR

Henihilia atusdae quia sumqui id

modi reribus, non nihilit provit as-

sunt experup tatemquas quid que

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?

5 manual introduction

Values are the essence of the companyâ&#x20AC;&#x2122;s identity and summarises and reflect the purpose of their existence. Mark Saunderson Company President

inctia voluptat odicim exerum fugit, sam as re, ea voluptas earcia quas quundanda natur sitionectent uatet essimus eum eatempedi dus dendige niminul luptae vendae sandem que que inctia voluptat odicim exerum fugit, sam as re, ea voluptas earcia quas quundanda natur sitionectent asincit.

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.

Place a description for introduction here or prepare your headline in two lines

Octotasseque eosapit dolest explit ped ma sit modipsam ventio tem. Et earum volo voluptibus. Dandunte voluptaqui nias re voluptate occust, tet id qui utempor esequis evelesc iaecabor re, occabor itatem et fuga.

Tequis magnam everunt re volupti ntiusament at et omnimo totatin

Nem faccaeptiae expliae core. Prorporepera ipicte stectis modis num re sandant. Quas dolentiur? Et ut mo beate nobis autendenihil iducias adit quostrum accus et aut et rem quidipsa quam recus. Thank you very much for your cooperation.

brand guidelines

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.

Corporate Behaviour How we want to be.

Corporate Culture How we care about.

We strive to show a deep respect for human beings inside and outside our company and for the communities in which they live.

brand guidelines

welcome to our guidelines

Personality

Credibility

Dis doluptium cor sitate vendi ium de optur, quossitia cus, utem. Iqua tet qui do lene asdfsf a dlic tem qua tius esti quid aft molores natist vendit con secaest laccabor autem voluptatur?

Partnership

Creativity

Dis doluptium cor sitate vendi ium de optur, quossitia cus, utem. Iqua tet qui do lene asdfsf a dlic tem qua tius esti quid aft molores natist vendit con secaest laccabor autem voluptatur?

Tequis magnam everunt re volupti ntiusament at et ion omni mo totatin venimus anturis explaut alique quates tem qui utemquia dolo erum soluptas alite tet id qu ute mpor esequis evelesc iaecabor re conseque. Qui officab orruntota cus ium rempedi gendandus

veniscidus er as ut idebit, toremporias ea conet volo blantia plaborepel is natqui officil magnihi. Tequis magnam everunt re volupti ntiusament at et isi omnimo totatin venimus anturis explat alique quatem.

9 brief, goals & content

Project Description 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 Description 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 Content and Application 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.

company profile.2019

guidelines

01. the logo & logo construction

01 11

Logo Intro. Corporate Logo. Construction. Logo Application.

brand guidelines

section 01

trademark and logo

The Logo Introduction The Logo Application The Logo Elements Clearspace and Computation Incorrect Logo Applications

13 corporate logo The full logotype The Signum Masterbrand or Corporate Logo comprises two elements, the logo 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.

The Logo Type has been carefully chosen for its modern and yet refined, highly legible style, which has been further enhanced by the use of lower case letters. The typeface of Signum is Source Sans Pro and has also been chosen to compliment and balance perfectly with the logo symbol.

The Logo Symbol Consists of a powerful element evoking the culture of design services and a black square backround.

The Logo Title Carefully chosen for its modern and refined, highly legible style, The font that is used here is Source Sans.

Logo Dark Version will be used when the backround color ist dark colored.

Logo Light Version will be used when the backround color ist dark colored.

brand guidelines

logo construction & clearspace The 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.

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

1) Logo Construction

2) Logo Symbol

1/2 x

3) Full Symbol

1/2 x

15 logo application standards Logotype backgrounds

Minimum Logo Sizes Full Logo Minimum Height: 11,5 mm

Logo Symbol Minimum Height: 11,5 mm

11,5 mm

Incorrect Logo Application 1) Do not place the logo type on 2 lines 2) Do not outline the logo symbol 3) Do not alter the logo symbol 4) Do not change the relationship of the logo

11,5 mm

company profile.2019

guidelines

02. brand fonts & corporate typography

02 17

Corporate Fonts. Font Details. Hierarchy. Style Examples.

brand guidelines

section 02

corporate typography Source MontSans serrat Pro Primary Font Source Sans Pro

Secondary Font Montserrat

Designer : Paul D. Hunt

Designer : Julieta Ulanovsky

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 humanist-influenced italic forms. It is available in six weights.

Font information : 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 set it free under a libre license, the SIL Open Font License.

19 corporate fonts Primary Font

Source Sans Pro

Source Sans Bold

Source Sans Light

A N a n

B O b o

C P c p

D Q d q

E R e r

F S f s

G H I T U V g h i t u v

J K L M W X Y Z j k l m w x y z

A N a n

B O b o

C P c p

D Q d q

E R e r

F S f s

G T g t

H I U V h i u v

J K W X j k w x

L M Y Z l m y z

Source Sans Figures

Source Sans Special Characters

0 1 2 3 4 5 6 7 8 9 0

! “ § $ % & / ( ) = ? `; :

Secondary Font

Montserrat

Montserrat Bold

Montserrat Light

A N a n

A B C NOP a b c n o p

B O b o

CDEFGHIJKLM PQRSTUVWXYZ c d e f g h i j k l m p q r s t u v w x y z

D Q d q

EF GHI JK L M RSTUVWXYZ e f g h i j k l m r s t u v w x y z

Montserrat Figures

Montserrat Special Characters

0 1 2 3 4 5 6 7 8 9 0

! “ § $ % & / ( ) = ? ` ; :

brand guidelines

font hierarchy

Understanding Typographic Hierarchy Present your content in a perfect way

Why using font and typographic

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.

This organizational system, or roadmap, is achieved through the use of both typographic and spatial elements; in combination, they create the desired effect. 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.

21 text and headline hierarchy Context Text and Inner Headlines

Headlines and Typobreaks

Caption Text

Sirius Typo Roboto Regular 6 pt Type / 11 pt Leading

Copy Text

Sirius Typo Roboto Regular 6 pt Type / 11 pt Leading

Headlines Copytext

Sirius Typo

Big Headlines and Title

Sequencer and Title for Marketing

Roboto Bold - Inital Letters 10pt Type / 10pt Leading

Subhead Typo Roboto Bold - Capital Letters 21pt Type / 22 pt Leading

Head Typo Roboto Bold - Capital Letters 40pt Type / 44 pt Leading

company profile.2019

guidelines

03. corporate color system and usage

03 23

Primary Colors. Explanation. Secondary Colors. .

brand guidelines

section 03

corporate color system Primary Color System :

Color A : Dark Blue

Color B : Light Blue

Color Codes

CMYK : C000 M020 Y100 K000 Pantone : 297C HKS : 02K RGB : R000 G000 B000 Web : #000000

Solid Color

100 %

80 %

60 %

40 %

20 %

100 %

80 %

60 %

40 %

20 %

25 secondary color system Color plays an important role in the Purism corporate identity program. The colors below are recommendations for various media. A palette of 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 they will be always be consistent.

Secondary Color System :

Secondary : Color A -

Explanation : The Secondary colors are complementary to our official colors, but are not recognizable identifiers for Purism company. Secondary colors should be used sparingly, that is, in less than 10 percent of the palette in one piece.

Usage: Use them to accent and support the primary color palette.

100 %

Gradient

20 %

CMYK : C000 M020 Y100 K000 Pantone : 297C HKS : 02K RGB : R000 G000 B000 Web : #000000

Secondary : Color B -

100 %

Gradient

20 %

CMYK : C000 M020 Y100 K000 Pantone : 297C HKS : 02K RGB : R000 G000 B000 Web : #000000

Secondary : Color C -

100 %

Gradient

20 %

CMYK : C000 M020 Y100 K000 Pantone : 297C HKS : 02K RGB : R000 G000 B000 Web : #000000

company profile.2019

guidelines

04. corporate stationery system

04 27

Letterhead Din A4. Business Cards. Envelope DIN C4. Logo Placement.

brand guidelines

section 04

corporate stationery system

The Company Letterhead The Company Business Cards The Envelope Logo Placement

29 company letterhead Company Letterhead Dimensions: 297 x 210mm / DIN A4

Signum Ltd.

Weight: 120g/m uncoated

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

The Company Letterhead Explanation: This shows the approved layouts with the primary elements of the Purism stationery system for the frontside of the letterheads. Usage: The letterhead will be used for all official communication that is going out of Purism company.

info@signum-corp.com www.signum-corp.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

Maxwell Doe Director

Signum Corp. Brand

signumcorp.

brand guidelines

business cards Business Cards & Envelope Business Cards This shows the approved layouts with the primary elements of the Signum stationery system for business cards. Usage: The business cards will be used for all official contact and communication of Sirius company.

signum signum corp.

Signum Corp. Mr. Max Jefferson Creative Director

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

Envelope This shows the approved layout with the primary elements of the Sirius stationery system for envelopes. Dimensions: 220 x 110 mm

www.signum-corp.com

signum corp.

www.signumstudio.com

info@signum-corp.com www.signum-corp.com

31 company letterhead Correct Logo Placement Logo Placement Explanation: To place the Sirius logo in the correct way please use one of the approved styles that are shown on the right. To place the Purism logo in other ways is not allowed.

Place your Logo in a correct way.

company profile.2019

guidelines

05. corporate grid systems

05 33

Print Grid System. Web Grid System. . .

brand guidelines

section 05

corporate grid system

Grid Systems Vertical Grid Systems A4 Screen Grid System Vertical Grid System for Tablets

35 company grid system Vertical Grid System DIN A4 Grid System Explanation 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 guidelines

the screen grid Screen Web Grid System Examples 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.

www.sonos-studios.com

Newsletter

Enter your mail address here

Brand Studio

About us

37 the mobile grid Mobile Grid System Examples This shows approved layouts with a responsive grid for mobile devices of our website. This will be used for websites, landing pages etc.

About us

Clients

Contact

company profile.2019

guidelines

06. corporate brand image system

06 39

Brand Images. Colored Images. Black & White. Blending Modes.

brand guidelines

section 06

corporate image system

Corporate Image System Corporate Image Color Corporate Image Black & White Blending Modes and Options

41 corporate image system Corporate Images 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.

Sirius use various corporate advertising techniques to enhance their public image in order to improve their desirability as a supplier, employer, customer, borrower, partner, etc.

Requirements for colored images

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

»» minimalistic look »» modern »» businesslike

brand guidelines

black & white images

Requirements for colored images

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

»» minimalistic look »» modern »» businesslike

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

Re-Create Now.

Branding Studio Requirements for colored images

»» use blending modes in black and white corporate images

Change your game. Right now. »» use a placeholder with a dark blue background

»» adjust layer style to “multiplicate”

company profile.2019

guidelines

07. design and branding system

07 45

Moodboards. Textures & Patterns. Iconography. Infographics.

brand guidelines

section 07

moodboards & style combinations 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 of the site. Soft or hard? Grungy or clean? Dark or light? A rough collage of colors, textures and pictures is all it takes to evoke a specific style or feeling.

Moodboards Color Combinations Design Patterns

47 moodboards and style

Corporate Color Combinations

Two color combination board

Corporate Patterns

Three color combination board

Four color combination board

Fifth color combination board

brand guidelines

moodboards

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

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.

Clients Name Mono Studio & Co.

Project Date 31 / 06 / 2018

Project Description Vestibulum ante ipsum primis in faucibus orci luctus et re cubilia Curae Proin efficitur.

Editor Chief: Michael Sam Anderson

Designer: Julie Richards

brand guidelines

section 08

corporate iconography

Corporate Iconography Icon Application

51 iconography systems 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 3: - Orange no background - Stroke size: 2pt

brand guidelines

section 09

corporate infographics

Infographics Description Infographic Examples

53 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

Historgram Fat

+75% 01

Comparison Round

Comparison Round +50 %

+63%

+27%

+25 % 0%

2018

2019

2020

Data with Icons

68 %

Sales in United States

-25 % -50 %

+14 % Sales Worldwide

Comparison Bar Chart Bar Chart 1

Bar Chart 2

Comparison Bar Chart

63%

Men

37%

Women

brand guidelines

section 10

contact and summary

55 stay in contact signum corp. Vestibulum ante ipsum primis in faucibus orci luctus is

lacerfe rspictur

et ultrices posuere cubilia Curae; Proin efficitur. Vesti bulum consequat vel justo nec eleifend. Quisque alcis coi gue aliquam nunc, sed ante ac felis tempor egetis dignissim libero. Vestibulum ante ipsum primis in fau cibus orci luctus et ultrices posuere cubilia Curae. Us aut haribus explici picient qui ulpa sit molest quas bus cusa deni nus, suntibus, in nos mo maxim etur restrum inum quodionsed quas magnim que pre prepres que

sequam, temqui ut ute saperum res alitio. Cienit labori unt estio tem quam corLis as eaqui dit exerum imus consequ arcon istem porei prenimil.

Sarah McLauchlan Vice President Signum Corp.

Company Name : Signum Studio & Co.

Company Name : Mono Studio & Co.

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