Design Manual - 48 Pages

COMMA, BRAND MANUAL

01

COMMA,

DESIGN AND BRAND GUIDELINE BOOK RESPONSIBLE AGENCY : EGOTYPE CREATIVE AGENCY

MA

D E AN S I D GN

CO M

BR

AN

DG

U ID

CO E LI N M T N M E E S A T N O C

ISSUE 01

CREATED FOR :

RESPONSIBLE AGENCY :

COMMA, BRANDING DESIGN MANUAL

*COMMA, CORP.

EGOTYPE

LONDON

CREATIVE AGENCY

COMMA, DESIGN AND BRAND GUIDELINES

Sec. 01 | Corporate Logo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 06 Sec. 02 | Corporate Typography . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10 Sec. 03 | Corporate Color System. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

THE BEGINNING :

Sec. 00 | Introduction. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 05

TABLE OF CONTENTS

TABLE OF CONTENTS

Sec. 04 | Corporate Stationery. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

Sec. 07 | Iconography. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38 Sec. 08 | Summary and Contact. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42

AND GUIDELINES

Sec. 06 | Corporate Images. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

CORPORATE DESIGN

Sec. 05 | Grid Systems. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

Sec. 09 | Downloads. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44

UNSPOOK

BRANDING MATERIAL

UNSPOOK BRANDING DESIGN MANUAL

Sec. 11

>> PAGE 3 // 44

Sec. 10 | Thank you. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46 | Impress. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46

ISSUE 01 BRANDING DESIGN MANUAL

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 4 // 36

00

IN / TR O D

T

ISSUE 01

BRANDING

DESIGN MANUAL

U O O U G R

U CT

L E ID

IO S E IN

N

LOGO AND GUIDELINES

SECTION ZERO :

THANK YOU BEING A PART OF THESE GUIDES

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.

AND GUIDELINES

INTRODUCTION OF OUR PRESIDENT: Tequis magnam everunt re volupti ntiusament at et omnimo totatin venimus anturis explaut alique

CORPORATE DESIGN

-

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

UNSPOOK

BRANDING MATERIAL

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 5 // 44

itatem et fuga.

Nem faccaeptiae expliae core prorporepera ipicte sinvele stectis modis num re sandant. Quas dolentiur? Et ut mo beate nobis autendenihil iducias adit quostrum accus et aut et rem quidipsa quam recus.

Company President Comma, 09/07/2017

01 / CORPORATE LOGO 01.1 / CORPORATE LOGO THE LOGOTYPE - AN INTRODUCTION The Comma, Masterbrand or Corporate Logo comprises two elements, the

RECOMMENDED FORMATS ARE: .eps | .ai | .png | .jpg | .tiff

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.

ATTENTION: Use of any stylized, animated,

It has a particular relationship with the Comma, name. 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 upper case letters. The typeface is Bitter Bold and it balance perfectly with the logo symbol.

hand drawn or other versions of a inofficial logo is not permitted. This undermines the logo system and brand consistency. Please consult with Comma, Trademark Licensing

The corporate logo is presented through the use of colour as well as shape and form. The corporate colours are Red and Grey. It is a fresh blend of

if you have any questions or need further help.

colours chosen for their strong combination - modern - classic - timeless.

THE LOGOTYPE WITH BACKROUND

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 6 // 36

1

THE LOGO WITH DARK BACKROUND

2

THE LOGO WITH LIGHT BACKROUND

ISSUE 01

CREATED FOR :

RESPONSIBLE AGENCY :

COMMA, BRANDING DESIGN MANUAL

COMMA, CORP.

EGOTYPE

LONDON

CREATIVE AGENCY

THE GENERAL LOGO

The main logo is the dark logo SECTION ONE :

used on white or colored backround. For darker backrounds you will find an alternative on the left page.

circle graphic backround.

3

BRANDING MATERIAL

design services and a comma

UNSPOOK

element evoking the culture of

UNSPOOK BRANDING DESIGN MANUAL

CORPORATE DESIGN

THE LOGO SYMBOL

Consists of a powerful comma

>> PAGE 7 // 44

2

THE LOGO TITLE

Carefully chosen for its modern and yet refined, highly legible style, which has been further

AND GUIDELINES

1

LOGO AND GUIDELINES

01.2 / LOGO COMPONENTS

enhanced by the use of upper case letters in gray tone of the chosen corporate color. The font that is used here is Fira Sans Bold.

ISSUE 01 BRANDING DESIGN MANUAL

01.2 / LOGO CONSTRUCTION LOGO CONSTRUCTION It is important to keep corporate marks clear of any

phic element or message can be positioned in relation

zone has been established around the corporate mark.

name – they have a fixed relationship that should never

other graphic elements. To regulate this, an exclusion

This exclusion zone indicates the closest any other gra-

to the mark.of the the symbol itself and our company be changed in any way.

x

1.3 x

x = 1x 1.3 x

2x

4x

x x x

x

x

x

01.3 / CLEARSPACE AND COMPUTATION CLEARSPACE AND COMPUTATION COMPUTATION

DEFINITION

-

-

To work out the clearspace

Whenever you use the logo, it should be surrounded with clear space to ensure its visibility and impact.

take the height of the logo and

No graphic elements of any kind should invade this zone.

divide it in half. (Space = Height

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 8 // 36

/ 2).

CLEARSPACE -

1/2 x

1/2 x

1/2 x

1/2 x

1/2 x

1/2 x

1/2 x

1/2 x

Full Logo

LOGO AND GUIDELINES

SECTION ONE :

01.3 / APPLICATION ON A BACKGROUND

LOGO SYMBOL

LOGO TYPO

Minimum Size: 24 mm x 7.5 mm

Minimum Size: 6 mm x 7,3 mm

Minimum Size: 35,75 mm x 7 mm

EXAMPLES

-

-

1

Do not invert the logo symbol

1

2

Do not invert the logo symbol

2

3

Do not alter the logo symbol

3

4

Do not alter the logo type style

4

5

Don´t change size relationship between the logo and logo type.

5

6

No changes the proportions of the logo vertically/horizontally

6

BRANDING MATERIAL

DONT´S AND INCORRECT LOGO APPLICATIONS

UNSPOOK

37 mm

UNSPOOK BRANDING DESIGN MANUAL

06 mm

>> PAGE 9 // 44

24 mm

AND GUIDELINES

FULL LOGO SIZES

CORPORATE DESIGN

MINIMUM LOGO SIZES

02 / CORPORATE TYPOGRAPHY 02.1 / THE PRIMARY FONT THE PRIMARY FONT EXPLANATION AND EXAMPLES Typography plays an important role in communicating an overall tone and quality. Careful use of typography reinforces our personality and ensures

clarity and harmony in all Comma, communications. We have selected Fira Sans, which helps inject energy and enthusiasm into the entire Comma, communications, as the primary and secondary corporate typefaces.

PRIMARY FONT FIRA SANS

DESIGNER :

FIRAS

CO-

R A

Carrois and Edenspiekermann -

CLASSIFICATION :

FIRA REGULAR :

Sans Serif

-

-

THE FONT

FIRA BOLD :

Designed to integrate with the character

-

of the Mozilla FirefoxOS, the Fira typefaces also aim to cover the legibility needs for a large range of handsets varying in screen

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 10 // 36

quality and rendering.

FIGURES : -

The Fira font family comes in a Sans Serif with 4 weights (Light, Regular, Medium and Bold) all accompanied by italic styles. The

SPECIAL CHARACTERS :

package also includes a Mono Spaced vari-

-

ant with 2 weights (Regular, Medium Bold.).

E

F

G

n

o

p

q

r

s

t

u

A

B

C

D

E

F

G

H

n

o

p

q

r

s

t

0

1

«

∑

€

æ

œ

@

2

3

4

H

u

5

®

†

Ω

∆

º

ª

I

J

v

w

I

J

v

w

6 ¨

©

K x

π ‚

å

SECTION TWO:

M

y

8

ø ∂

L

x

7

⁄ ƒ

K

z

L

M

y

z

9

BRANDING MATERIAL

D

UNSPOOK

C

UNSPOOK BRANDING DESIGN MANUAL

B

>> PAGE 11 // 44

A

CORPORATE DESIGN

W / . 0 1

AND GUIDELINES

-DESIGN

CORPORATE TYPOGRAPHY

S A NS/012 3456

0

•

±

‘

¥

≈

ç

ISSUE 01 BRANDING DESIGN MANUAL

02.2 / SECONDARY FONT

THE SECONDARY FONT EXPLANATION AND EXAMPLES MERRIWEATHER

A B C D E F G H I J K L M

-

N O P Q R S T U V W X Y Z

REGULAR :

a b c d e f g h i j k l m n o p q r s t u v w x y z MERRIWEATHER

A B C D E F G H I J K L M

-

N O P Q R S T U V W X Y Z

BOLD :

SECONDARY FONT MERRIWEATHER

DESIGNER : Sorkin Type Co -

CLASSIFICATION :

A

a b c d e f g h i j k l m n o p q r s t u v w x y z

Serif -

THE FONT

Merriweather is a workhorse

text type family made specifi-

cally for screens. Print use was

FIGURES :

0

1

2

3

4

5

-

SPECIAL CHARACTERS : -

6

7

8

9

0

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

“

¶

¢

[

]

|

{

}

≠

¿

‘

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 12 // 36

æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç

BRANDING DESIGN MANUAL

in the design. The styles inclu-

ded are: Light, Regular, Regular

« ∑ € ® † Ω ¨ ⁄ ø π • ± ‘

ISSUE 01

not a significant consideration

Italic, Bold, and Heavy.

n

a

A

b

N B

O

C

P

D

E

F

G

H

I

p

BRANDING MATERIAL

BRANDING

UNSPOOK

DESIGN MANUAL

UNSPOOK BRANDING DESIGN MANUAL

ISSUE 01

>> PAGE 13 // 44

o

J

K

q

c

r

d

s

e

Q

t

f

R

T

U

AND GUIDELINES

CORPORATE DESIGN

h V u i W v j w k x y

g

S

z

CORPORATE TYPOGRAPHY

SECTION TWO:

X L Y M l Z m

AB

M L K Y Z J I X m l H W k y z G V F U i j x E T h w D S g v R C f u Q B e t P A s d O r c N q b p a o n

02.3 / TYPOGRAPHY AND TEXT HIERARCHY

Typographic hierarchy is another form of visual

hierarchy, a sub-hierarchy

per se in an overall design project. Typographic hierarchy presents lettering so that the most important words are displayed

with the most impact so

users can scan text for key information. Typographic

hierarchy creates contrast between elements. There are a variety of ways you can create a sense of

01//

CONTEXT TEXT AND INNER HEADLINES

CAPTION TEXT : -

-

COPY TEXT : -

hierarchy. Here are some of the most common

techniques for Comma, layouts.

SUBLINES SECTIONS : -

02// 03//

CONTEXT TEXT AND INNER HEADLINES

HEADLINE 01 : -

-

HEADLINES AND TYPOBREAKS

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 14 // 36

-

ISSUE 01 BRANDING DESIGN MANUAL

HEADLINE 02 : -

Comma, Typo Captions SECTION TWO:

Fira Sans Regular 6.5 pt Type / 12 pt Leading

Comma, Typo Copy text

CORPORATE TYPOGRAPHY

02.4 / TYPOGRAPHIC EXAMPLES

Fira Sans Regular

COMMA, TYPO HEADLINE

-

Fira Sans Regular - Capital Letters 14 pt Type / 18 pt Leading

AND GUIDELINES

CORPORATE DESIGN

9 pt Type / 12 pt Leading

COMMA, TYPO

-

UNSPOOK

BRANDING MATERIAL

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 15 // 44

Fira Sans Bold - Capital Letters 22 pt Type / 22 pt Leading

COMMA, TYPO

-

Fira Sans Bold - Capital Letters 35 pt Type / 35 pt Leading

ISSUE 01 BRANDING DESIGN MANUAL

03 / CORPORATE COLOR SYSTEM 03.1 / THE PRIMARY COLOR SYSTEM AND COLOR CODES Color plays an important role in the Comma, corporate identity program. The colors

below are recommendations for various media. A palette of 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 Comma, brand

identity across all relevant media. Check with your designer or printer when using the corporate colors that they will be always be consistent.

PRIMARY COLOR BROWN

EXPLANATION: The Comma, Company has three

Full color

official colors: Yellow, Black and

-

Gray. These colors have become a recognizable identifier for the company.

100 %

50 %

20 %

COLOR CODES

CMYK

:

Pantone :

C000 M020 Y100 K000 297C

HKS : 02K RGB

Brown Gradient

Full color

palette for all internal and

-

UNSPOOK BRANDING DESIGN MANUAL

external visual presentations of

>> PAGE 16 // 36

R000 G000 B000

SECONDARY COLOR GREY

USAGE: Use them as the dominant color

:

Web : #000000

the company.

100 %

50 %

20 %

COLOR CODES

CMYK

:

Pantone :

C000 M020 Y100 K000 297C

HKS : 02K Grey Gradient

RGB

:

R000 G000 B000

Web : #000000

03.2 / THE SECONDARY COLOR SYSTEM AND COLOR CODES EXPLANATION recognizable identifiers for Comma, company. Secondary colors should be used sparingly, that is, in less than 10 percent of the palette in one piece.

COLOR CODES

20 %

CMYK

Pantone :

297C

Pantone :

297C

RGB

R000 G000 B000

RGB

R000 G000 B000

60 %

COLOR CODES

CMYK

:

40 %

:

20 %

60 %

COLOR CODES

20 %

C000 M020

CMYK

Pantone :

297C

Pantone :

297C

RGB

R000 G000 B000

RGB

R000 G000 B000

Y100 K000

HKS : 02K :

Web : #000000

:

40 %

CORPORATE DESIGN

Web : #000000

AND GUIDELINES

HKS : 02K

BRANDING MATERIAL

:

Web : #000000

C000 M020

UNSPOOK

HKS : 02K

Y100 K000

:

40 %

SECTION THREE:

60 %

C000 M020

Y100 K000

:

20 %

UNSPOOK BRANDING DESIGN MANUAL

COLOR CODES

CMYK

40 %

color palette.

>> PAGE 17 // 44

60 %

USAGE: Use them to accent and support the primary

CORPORATE COLOR SYSTEM

The Secondary colors are complementary to our official colors, but are not

C000 M020 Y100 K000

HKS : 02K :

Web : #000000

ISSUE 01 BRANDING DESIGN MANUAL

MA

CO ST R AT PO IO R A N T ER E

CO M

0

/ 4

LE T BU TERH T E SIN E A N E N E D T S V N S E O L C OP C A R ES

ISSUE 01

CREATED FOR :

RESPONSIBLE AGENCY :

COMMA, BRANDING DESIGN MANUAL

*COMMA, CORP.

EGOTYPE

LONDON

CREATIVE AGENCY

RD

BRANDING MATERIAL

BRANDING

UNSPOOK

DESIGN MANUAL

UNSPOOK BRANDING DESIGN MANUAL

ISSUE 01

>> PAGE 19 // 44

S AND GUIDELINES

CORPORATE DESIGN

CORPORATE STATIONERY

SECTION FOUR:

RY

04.1 / THE COMPANY LETTERHEAD

EXPLANATION:

when design meets you.

This shows the approved layouts with the primary elements of the Comma, stationery sys-

Mr. Edward Simmons Troublemaker Company

tem for the front- and backside of the letterheads.

Main Avenue, 5th Northwest Los Angeles United States

Sitatume necates aut atendio rporro et lam remped quaecto idi andigni squibustrum repedip sanduci lignatem rehendae lit es id quatus sincia iliatios aut qui con ex est, occatus non et fugitius et estibus.

USAGE: The letterhead will be used

Ut volore sum inciam earume corere dolestrum quam, sam sinctiu scipis eosam nonsequo molut fugitium venissi mollupta consed ma doluptae voluptatur, core perfersperis res delecat eniment ut officiet aut eos dis eatio voluptam, sae nis solesti onsequi corit que exerit et aut duciatur abo. Iscium reius, qui idenimus alia consendus autem ius sit, ipsandit, cullis a que sit, sinvel eum sintio torent atem eossitas sant.

for all official communication that is going out of Comma, company.

Fere delit, il enimint quae vit prem quo blam, untiorro beruptatus sus, aut et haruptatet adi berae nus est etur aces quiae conet ut dolorei ciurios re iur, sita quis vel ius qui venis sa corem doluptiis vendandae niti te intiasped mo denem eos eicim ni consectas dolecatus inum que volorro in restion ecullib usapitatus experch ilibusa ndanimolores venistio blacien damet, voluptae sum et quas cus res asi volorum et fuga. Eperum sante conecto ipsa accusandis ipideles alitae quas enis nonsedit, sim et odis di ut harciissum, sunt, toreptatio ilique ni voluptat a pra que dis unt eossequidel intiassimus dolupta tendae lanis ipsundi gnitatiis pella corem vene eliti auditatquis et eium inimili gendae quid ut que eum aut rem eaquissit evelibus, et abo. Sus sa sunt laborro bea sequi cum facepe sunt.

Coris vit ma atur, ommoditatus.

Fernam eostius ni cum fugiam fuga. It volorrum nihiliq uatur, comnimus nobis nestias comnisi officto bea dolorio dolorpos volor sitatem porest perspit, cumquas sitisciam, volores rem aruptinctur, conem lique dolorum restor autessum voles et veritat.

Mr. Edward Simmons Troublemaker Company

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 20 // 36

Main Avenue, 5th Northwest Los Angeles United States

PARAMETER:

DIMENSIONS

WEIGHT

PRINT

297 x 210 mm

120g/m Uncoated

CMYK

DIN A4

white

THE BACKSIDE OF THE COMPANY

SECTION FOUR: CORPORATE DESIGN

Main Avenue, 5th Northwest Los Angeles United States

AND GUIDELINES

Mr. Edward Simmons Troublemaker Company

CORPORATE STATIONERY

LETTERHEAD

LETTERHEAD

DOWNLOAD LINK http://www.comma.com/cd/

UNSPOOK

BRANDING MATERIAL

UNSPOOK BRANDING DESIGN MANUAL

N G I M / S EE E D 0 0HEN I G N TS YO U. W ES D

>> PAGE 21 // 44

letterhead

JUST SCAN.

ISSUE 01 BRANDING DESIGN MANUAL

04.2 / THE COMPANY BUSINESS CARDS

EXPLANATION: This shows the approved layouts with the primary elements of the Comma, stationery system for business cards.

BACKSIDE:

FRONTSIDE:

MICHAEL ANDERSON Creative Director Main Street 4th 2515 Los Angeles United States

P: +01.1234.5678.90 F: +01.1234.5678.90 E: peter@designinc.com

when design meets you.

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 22 // 36

PARAMETER:

JUST SCAN.

DIMENSIONS

WEIGHT

PRINT

85 x 55 mm

400g/m Uncoated

CMYK

Business Cards Standard

white

LETTERHEAD

DOWNLOAD LINK http://www.scype.tv/cd/letterhead

04.3 / THE COMPANY ENVELOPES

EXPLANATION: This shows the approved layouts with the primary elements

SECTION FOUR:

system for envelopes.

CORPORATE STATIONERY

of the Comma, stationery

Mr. Edward Simmons Troublemaker Company

BRANDING MATERIAL

AND GUIDELINES

UNSPOOK UNSPOOK BRANDING DESIGN MANUAL

JUST SCAN.

>> PAGE 23 // 44

CORPORATE DESIGN

Main Avenue, 5th Northwest Los Angeles United States

LETTERHEAD

DOWNLOAD LINK http://www.comma.com/cd/letterhead

ISSUE 01 BRANDING DESIGN MANUAL

04.4 / THE LOGO PLACEMENT

EXPLANATION: To place the Comma, logo in the correct way please use one of the approved styles that are shown on the right.

To place the Comma, logo in other ways is not allowed.

DIMENSIONS 297 x 210 mm

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 24 // 36

DIN A4

ISSUE 01

CREATED FOR :

RESPONSIBLE AGENCY :

COMMA, BRANDING DESIGN MANUAL

COMMA, CORP.

EGOTYPE

LONDON

CREATIVE AGENCY

BRANDING MATERIAL

BRANDING

UNSPOOK

DESIGN MANUAL

UNSPOOK BRANDING DESIGN MANUAL

ISSUE 01

>> PAGE 25 // 44

AND GUIDELINES

CORPORATE DESIGN

CORPORATE STATIONERY

SECTION FOUR:

THE LOGO PLACEMENT

PR SY IN ST T G EM R I S D

1 /

5 0

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 26 // 36

/ AL 1 .

05 R T I C S V E S TEM SY

ID R G

ISSUE 01

CREATED FOR :

RESPONSIBLE AGENCY :

COMMA, BRANDING DESIGN MANUAL

COMMA, CORP.

EGOTYPE

LONDON

CREATIVE AGENCY

THE GRID SYSTEM OF COMMA, COMPANY

A4 VERTICAL GRID SYSTEM EXAMPLES

EXPLANATION: In graphic design, a grid is a structure made up of a series of intersecting straight (vertical, horizontal, and angular) or curved guide lines used to structure content. The grid serves as an armature on which a designer can organize graphic elements (images, glyphs, paragraphs) in a rational, easy to absorb manner. A grid can be SECTION FIVE: CORPORATE DESIGN

same graphic element or shape.

AND GUIDELINES

graphic elements on the page, or relation to other parts of the

GRID SYSTEMS

used to organize graphic elements in relation to a page, to other

UNSPOOK

BRANDING MATERIAL

BRANDING DESIGN MANUAL

UNSPOOK BRANDING DESIGN MANUAL

ISSUE 01

>> PAGE 27 // 44

A4 VERTICAL GRID SYSTEM EXAMPLES

W SY EB ST G R E

2 /

3 /

5 0

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 28 // 36

/ AL 1 .

05 R T I C S V E S TEM SY

ID R G

ISSUE 01

CREATED FOR :

RESPONSIBLE AGENCY :

COMMA, BRANDING DESIGN MANUAL

COMMA, CORP.

EGOTYPE

LONDON

CREATIVE AGENCY

UNSPOOK

BRANDING MATERIAL

BRANDING

UNSPOOK BRANDING DESIGN MANUAL

DESIGN MANUAL

>> PAGE 29 // 44

ISSUE 01 AND GUIDELINES

CORPORATE DESIGN

GRID SYSTEMS

SECTION FIVE:

R EM I D S

05.2 / GRID SYSTEM HORIZONTAL SCREENS GRID SYSTEM EXAMPLES HORIZONTAL SCREEN EXPLANATION: This shows an approved layout with a typography grid for a 16:9 Screen of Comma,. This will be used for Company presenta-

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 30 // 36

tions in Powerpoint or Keynote.

ISSUE 01 BRANDING DESIGN MANUAL

BRANDING

BRANDING MATERIAL

DESIGN MANUAL

UNSPOOK

ISSUE 01

UNSPOOK BRANDING DESIGN MANUAL

AND GUIDELINES

CORPORATE DESIGN

EXAMPLE: TABLET

>> PAGE 31 // 44

GRID SYSTEMS

SECTION FIVE:

05.3 / GRID SYSTEM VERTICAL TABLETS TABLET VERTICAL

GRID SYSTEM EXAMPLE

D AN

/ 6

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 32 // 36

IM

AG

ES

G N 0 I D N E S L B DE O M S E S G E MA G M A IT E I DE S I ED/WH MO R L OA C K D I N G O C BL EN / .1 .2 / BL 6 0 06 . 2 / 06

ISSUE 01

CREATED FOR :

RESPONSIBLE AGENCY :

COMMA, BRANDING DESIGN MANUAL

COMMA, CORP.

EGOTYPE

LONDON

CREATIVE AGENCY

UNSPOOK

BRANDING MATERIAL

BRANDING

UNSPOOK BRANDING DESIGN MANUAL

DESIGN MANUAL

>> PAGE 33 // 44

ISSUE 01 AND GUIDELINES

CORPORATE DESIGN

IMAGES AND BLENDING MODE

SECTION SIX:

D

06.1 / EXAMPLES OF COLORED COMPANY IMAGES EXPLANATION: Corporate Images are responsible to transfer the values of Comma, 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. Comma, use various corporate advertising techniques to enhance their public image in order to improve their desirability as a supplier, employer, customer, borrower, partner, etc.

EXAMPLES FOR

COMMA, CORPORATE IMAGE SYSTEM

-

REQUIREMENTS: - desaturate colours - high contrast - sharp images - minimalistic look

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 34 // 36

- modern and businesslike

ISSUE 01

CREATED FOR :

RESPONSIBLE AGENCY :

COMMA, BRANDING DESIGN MANUAL

COMMA, CORP.

EGOTYPE

LONDON

CREATIVE AGENCY

06.2 / EXAMPLES OF BLACK AND WHITE IMAGES EXAMPLES FOR

COMMA, CORPORATE IMAGE SYSTEM

-

REQUIREMENTS:

- sharp images - minimalistic look

UNSPOOK

BRANDING MATERIAL

BRANDING DESIGN MANUAL

UNSPOOK BRANDING DESIGN MANUAL

ISSUE 01

>> PAGE 35 // 44

CORPORATE DESIGN

SECTION SIX:

- modern and businesslike

AND GUIDELINES

- high contrast

IMAGES AND BLENDING MODE

- black and white colours

06.3 / BLENDING MODES FOR IMAGES EXPLANATION: 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 FOR

COMMA, BLENDING MODES

-

HOW TO: 1) use it in black and white images colours 2) use a placeholder with a yellow back

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 36 // 36

3) adjust the layer style to “multiplicate”

ISSUE 01 BRANDING DESIGN MANUAL

BRANDING

BRANDING MATERIAL

DESIGN MANUAL

UNSPOOK

ISSUE 01

UNSPOOK BRANDING DESIGN MANUAL

DEMO 2 :

>> PAGE 37 // 44

AND GUIDELINES

CORPORATE DESIGN

IMAGES AND BLENDING MODE

SECTION SIX:

06.3 / 3D STRUCTURE AND COMPOSITION OF THE BLENDING MODES FOR IMAGES DEMO 1 :

AT E R

O C I

UNSPOOK BRANDING DESIGN MANUAL

N A R S E T E EM M A YS T R PA N S ICO

>> PAGE 38 // 36

O N

O O N

RP

CO

0

/ 7

D

ISSUE 01

CREATED FOR :

RESPONSIBLE AGENCY :

COMMA, BRANDING DESIGN MANUAL

COMMA, CORP.

EGOTYPE

LONDON

CREATIVE AGENCY

R G

BRANDING MATERIAL

BRANDING

UNSPOOK

DESIGN MANUAL

UNSPOOK BRANDING DESIGN MANUAL

ISSUE 01

>> PAGE 39 // 44

AND GUIDELINES

CORPORATE DESIGN

CORPORATE ICONOGRAPHY

SECTION FIVE:

A R Y P

07.1 / ICONOGRAPHY EXPLANATION: 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 PARAMETER

-

- Minimum: 26 px x 26 px - minimum stroke size: 0.5 pt - upscale only proportional - Only 100 % color

ICON WITHOUT A BACKROUND

-

- Minimum: 26 px x 26 px - minimum stroke size: 0.5 pt - upscale only proportional

ICON WITH BACKROUND

-

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 40 // 36

- Minimum: 26 px x 26 px - minimum stroke size: 0.5 pt - upscale only proportional

100 %

75 %

50 %

25 %

07.2 / 40 ICONS - THE ESSENTIAL VECTOR KIT 40 ESSENTIAL ICONS: The following icons are the base of the icon development for your company. You can use these icon to

CORPORATE ICONOGRAPHY BRANDING MATERIAL

AND GUIDELINES

UNSPOOK UNSPOOK BRANDING DESIGN MANUAL

DONT´S

>> PAGE 41 // 44

CORPORATE DESIGN

SECTION SEVEN:

sketch topics or important issues quickly.

-

ISSUE 01 BRANDING DESIGN MANUAL

&

SU CO M N M TA AR CT Y

/ 8

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 42 // 36

0

M U S T R US O H AC T S A NT / .1 CO 8 0 .2 / 08

R A M

Y

ISSUE 01

CREATED FOR :

RESPONSIBLE AGENCY :

COMMA, BRANDING DESIGN MANUAL

COMMA, CORP.

EGOTYPE

LONDON

CREATIVE AGENCY

08.1 / A SHORT SUMMARY, DOWNLOAD AND CONTACT DATA

THANK YOU BEING A PART OF THESE GUIDES EXPLANATION: Tequis magnam everunt re volupti ntiusament at et omnimo totatin venimus anturis explaut alique

*COMMA,

quatem qui utemquia dolo erum soluptas alite tet id qui utempor esequis evelesc iaecabor re conseque

Brand and Design

qui officab orruntota cus ium rempedi gendandus veniscidus erum as ut idebit, toremporias ea conet

Manual 2016

volo blantia plaborepel is natqui officil magnihi.

08.2 / FOR FURTHER QUESTIONS

AGENCY AND

DO NOT HESITATE TO

DESIGNERS

CONTACT US

-

-

AGENCY:

CONTACT:

CORPORATE DESIGN

RESPONSIBLE

SECTION EIGHT:

evelesc iaecabor re, occabor itatem et fuga.

AND GUIDELINES

unte voluptaqui nias re voluptate occust, tet id qui utempor soluptas alite tet id qui utempor esequis

SUMMARY & CONTACT

Octotasseque eosapit dolest explit ped ma sit modipsam ventio tem. Et earum volo voluptibus. Dand-

Design.Inc Mark Anderson

SENIOR CREATIVE

Marketing Comma,

Mark Anderson

E: info@Comma,.tv

Design.Inc

P: +01.132.4567.890

autendenihil iducias adit quostrum accus et aut et rem quidipsa

BRANDING MATERIAL

modis num re sandant. Quas dolentiur? Et ut mo beate nobis

Design.Inc

UNSPOOK

Nem faccaeptiae expliae core prorporepera ipicte sinvele stectis

UNSPOOK BRANDING DESIGN MANUAL

SENIOR ART DIRECTOR : Mark Anderson

>> PAGE 43 // 44

DIRECTOR:

quam recus.

JUNIOR ART DIRECTOR : Mark Anderson Design.Inc

ISSUE 01 BRANDING DESIGN MANUAL

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 44 // 36

09 / DOWNLOAD OF THE CONTENTS

ISSUE 01

CREATED FOR :

RESPONSIBLE AGENCY :

COMMA, BRANDING DESIGN MANUAL

COMMA, CORP.

EGOTYPE

LONDON

CREATIVE AGENCY

THE CORPORATE DESIGN OF *COMMA, DOWNLOAD LINKS OF THE SINGLE DESIGN ITEMS

EXPLANATION: For quick help and faster project development you will get the download links to the several brand guidelines and the editable data. To download the single items please scan the QR-codes or follow the given hyperlink. You will also find the complete Brand Manual as a PDF file for sending this to responsible agencies or person that need your guidelines.

QR CODE

*COMMA, STATIONERY

WEB LINK

QR CODE

Link : http://www.design-inc.com/cd/stat.zip CORPORATE DESIGN

-

WEB LINK

BRANDING MATERIAL

-

QR CODE

UNSPOOK

*COMMA, FULL GUIDE

WEB LINK Link : http://www.design-inc.com/cd/icon.zip

UNSPOOK BRANDING DESIGN MANUAL

-

>> PAGE 45 // 44

*COMMA, ICONOGRAPHY

CONTENT DOWNLOAD

WEB LINK Link : http://www.design-inc.com/cd/logo.zip

SECTION NINE:

-

AND GUIDELINES

*COMMA, LOGO

QR CODE

Link : http://www.design-inc.com/cd/full.zip

ISSUE 01 BRANDING DESIGN MANUAL

UNSPOOK BRANDING DESIGN MANUAL

>> PAGE 46 // 36

FO

R

YO U R

/ S K 0 1 AN E H C T N E I D U A

FINAL STATEMENT OF THE CEO

-

-

AGENCY:

I WANT TO THANK YOU VERY MUCH...

THANK YOU

11 / IMPRESS

SECTION TEN:

10 / FINAL WORDS / THANK YOU FOR YOUR AUDIENCE TO THIS MANUAL GUIDE.

Design.Inc

coreces velicto te omnit haribusam nate nulparum et ut quatasped ut pa nem

CONTACT:

quam, occust, quostrum quiates tibernam si nimpores ea voluptatem del isciis re, pore incia nobit quuntiur reratur?

Mark Anderson Marketing Comma,

Offictae. Nam, sunt facestia dem enis sint ipsaniet ute voloratem dia qui blab

AND GUIDELINES

sandant. Quas dolentiur? Et ut mo expliae core prorporep sinvele beate. Ihition

CORPORATE DESIGN

Nem faccaeptiae expliae core prorporepera ipicte sinvele stectis modis num re

iliqui comnim estiand endande con por aute venienim cuscium sumet ium ea E: info@Comma,.tv

accabor ad quae. Ne invendi sima aut eos aliquiae doluptusam, omnienis cust vo-

P: +01.132.4567.890

lestius aute none nobis eosa quid qui quis am, si volorro to es dolore rehendandi

BRANDING MATERIAL

coreperspis am dolupta tiant.

porep sinvele beate.

UNSPOOK

volupta nobitas eici di sed quosapicatum lit et recuptaquam, si con consequi

Quas dolentiur? Et ut mo expliae core pror-

UNSPOOK BRANDING DESIGN MANUAL

cipidia dis doluptatem coritaqui invel inus viderna tiorrum, cus quis si assequos

ipicte sinvele stectis modis num re sandant.

>> PAGE 47 // 44

sit evelles tempossequos etur atis dolut porro inullab idelicia consequid maximin Nem faccaeptiae expliae core prorporepera

Company President 09/07/2017

ISSUE 01 BRANDING DESIGN MANUAL

COMMA, LOVE YOUR BRAND.

YOUR BRAND. YOUR STYLE.

YOUR DEFINITION. BRAND GUIDELINES V 1.0

AGENCY: Design.Inc

CONTACT: Mark Anderson Marketing Comma, E: info@Comma,.tv P: +01.132.4567.890