COMMA, BRAND MANUAL
CREATION DATE : NOVEMBER 2016
ISSUE 01
CORPORATE
DESIGN MANUAL
THEME BRANDING
GUIDELINES AND MANUAL TEMPLATE
CREATED FOR : COMMA, CORP. LONDON CREATED FOR : COMMA, CORP. LONDON
COMMA, DESIGN AND BRAND GUIDELINE BOOK COMMA, LOVE YOUR BRAND. YOUR BRAND. YOUR STYLE. YOUR DEFINITION. BRAND GUIDELINES V 1.0
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 M060
CMYK
Pantone :
297C
Pantone :
297C
RGB
R000 G000 B000
RGB
R000 G000 B000
Y020 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
C025 M020 Y045 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
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
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:
COMMA, LOVE YOUR BRAND. YOUR BRAND. YOUR STYLE. YOUR DEFINITION. BRAND GUIDELINES V 1.0
Mark Anderson Marketing Comma, E: info@Comma,.tv P: +01.132.4567.890