Bold Brand Manual by Egotype Design

Page 1

Bold. Creative Agency & Brand Studio

Design and Brand Guidelines 2017

COMPANY DATA AND CONTACT COMPANY NAME : BOLD STUDIO & CO.

COMPANY ADDRESS 7TH AVENUE, MANHATTAN 578 NEW YORK UNITED STATES

CONTACTS : M : INFO@BOLD.COM W : WWW.BOLD.COM

COMPA N Y BR A ND M A NUA L A ND GUIDELINE S // M A DE WITH

Bold Studio

BY EGOT Y PE DE SIGN

Manual.


Client: Bold Studio. & Co. | Date: 23.09.17

Bold Studio

Welcome to Brand Manual of Bold Studio 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.

PAGE: 2 // 4 8


Made with

By Egotype Design

Table of Content Welcome

05

Corporate Logo

06

Corporate Typography

09

Corporate Color System

10

Corporate Stationery

12

Grid System

13

Corporate Images and Bleding Modes

14

Corporate Iconography

15

Usage of Corporate Manual

16

Terms and Conditions

17

Contact

19

COMPANY NAME : BOLD STUDIO & CO.

COMPANY ADDRESS 7TH AVENUE, MANHATTAN 578 NEW YORK, UNITED STATES

PAGE: 3 // 4 8


brand guidelines

Client: Bold Studio. & Co. | Date: 23.09.17

PAGE: 4 // 4 8

Bold Studio & Brand Agency

The design guidelines These guidelines describe the visual and verbal elements that represent the Bold corporate identity. This includes our name, logo and other elements such as color, type and graphics. Sending a consistent and controlled message of who we are is essential to presenting a strong, unified image of our company. These guidelines reflect Bolds commitment to quality, consitency and style. The Bold brand, including the logo, name, colors and identifying elements, are valuable company assets. Each of us is responsible for protecting the company’s interests by preventing unauthorized or incorrect use of the Bold name and marks.


Made with

By Egotype Design

Welcome to our Brand Manual

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. 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. Quatem iur? Velenes de plab il imenim fugitatent voloreh enisquis omnist ommodi dolupta desciatur, sediorio inctia voluptat

odicim exerum fugit, sam as re, ea voluptas earcia quas quundanda natur sitionectent asincit, core esciminit asimolut quia quatet essimus eum eatempedi dus dendige niminul luptae vendae sandem que que vollesenime oditat. Sent odipsum etureic to que et duciunt magni inctur autento rporese dicidi susae doluptis dolores molor sum fuga. Nam quossi inverum nectatem nusam qui sim comnim quatest landusame omnienda nimagnihic.

OUR TOURNAMENT 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 veniscidus erum

Octotasseque eosapit dolest explit ped ma sit modipsam ventio tem. Et earum volo voluptibus. Dandunte voluptaqui.

as ut idebit, ea conet volo blantia plaborepel is natqui officil magnihi.

The process of infinite creativity.

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.

PAGE: 5 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

Bold Brand Strategy

Strategy One Hictibeatio. Occum solorundunto imi, officitent doles intecus dantiande eari arumquo destrum ea dio. Ucite offici que doluptas est eum as con plaborempero voluptibus, ius ilique pedis aut ut et occusapere necest harum quissimi, quam in pro tet quis dolestiae quaes est aut ut doloris as aut lanis est acia quiate. Sequide stisse doloris del iducitam re nist, experum ant, cum solum ea quam, acerum.

Strategy Two Hictibeatio. Occum solorundunto imi, officitent doles intecus dantiande eari arumquo destrum ea dio. Ucite offici que doluptas est eum as con plaborempero voluptibus, ius ilique pedis aut ut et occusapere necest harum quissimi, quam in pro tet quis dolestiae quaes est aut ut doloris as aut lanis est acia quiate. Sequide stisse doloris del iducitam re nist, experum ant, cum solum ea quam, acerum.

Strategy Three Hictibeatio. Occum solorundunto imi, officitent doles intecus dantiande eari arumquo destrum ea dio. Ucite offici que doluptas est eum as con plaborempero voluptibus, ius ilique pedis aut ut et occusapere necest harum quissimi, quam in pro tet quis dolestiae quaes est aut ut doloris as aut lanis est acia quiate. Sequide stisse doloris del iducitam re nist, experum ant, cum solum ea quam, acerum.

PAGE: 6 // 4 8


Made with

By Egotype Design

Bold Studio Details

Project Description

1. Ovit mosam velibus, que veles autem quo essitenient quatiatiis cone et eturem fugitiur sinvernam suntur, sit, que nimagnam, a netur? 2. Ame ped ea dero quunto voloreic tore qui nim undio offic to blant reperiam imolessum venetur autas il ipsae et aut.

Brand Goals Description

1. Ovit mosam velibus, que veles autem quo essitenient quatiatiis cone et eturem fugitiur sinvernam suntur, sit, que nimagnam, a netur?

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

2. Ame ped ea dero quunto voloreic tore qui nim undio offic to blant reperiam imolessum venetur autas il ipsae et aut.

Brand Content and Application

1. Ovit mosam velibus, que veles autem quo essitenient quatiatiis cone et eturem fugitiur sinvernam suntur, sit, que nimagnam, a netur? 2. Ame ped ea dero quunto voloreic tore qui nim undio offic to blant reperiam imolessum venetur autas il ipsae et aut.

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

GRAPHIC DESIGN

S A R A H FA IRCHILD

PE TER MCINTOS H

A NDY S AUNDERSO N

Project Manager

Creative Director

Creative Director

A B OUT :

A B OUT :

A B OUT :

Hictibeatio. Occum solorundunto

Hictibeatio. Occum solorundunto

Hictibeatio. Occum solorundunto

dantiande eari arumquo undunto imi,

dantiande eari arumquo undunto imi,

dantiande eari arumquo undunto imi,

officitent doles intecus

officitent doles intecus

officitent doles intecus

Bold

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.

Studio

PAGE: 7 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

How to build your brand

Brand Evaluat

Corporate Desi Build your Brand EVALUATION Tequis magnam everunt re volupti ntiusament at et omnimo totatin tet id qui utempor esequis evelesc iaecabor re conseque qui officab.

CORPORATE BEHAVIOUR Tequis magnam everunt re volupti ntiusament at et omnimo totatin tet id qui utempor esequis evelesc iaecabor re conseque qui officab.

CORPORATE DESIGN Tequis magnam everunt re volupti ntiusament at et omnimo totatin tet id qui utempor esequis evelesc iaecabor re conseque qui officab.

CORPORATE COMMUNICATION Tequis magnam everunt re volupti ntiusament at et omnimo totatin tet id qui utempor esequis evelesc iaecabor re conseque qui officab.

PAGE: 8 // 4 8

Corporate Communica


tion

Made with

By Egotype Design

Story & Goals

ign

ation

Corporate Behaviour

Corporate Identity

PAGE: 9 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

Section 01 Corporate Logo

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

PAGE: 10 // 4 8


Made with

By Egotype Design

Corporate Logo and Corporate Trademarks Logo introduction Our Logo is the key building block of our identity, the primary visual element that identifies us. The signature is a combination of the the symbol itself

and our company name – they have a fixed relationship that should never be changed in any way.

The Full Logotype The Bold 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. It has a particular relationship with the Bold 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 Montserrat Bold and has

also been chosen to compliment and balance perfectly with the logo symbol. The corporate logo is presented through the use of colour as well as shape and form. The two corporate colours are Yellow and Grey. It is a fresh and appealing blend of colours chosen for their strong combination - modern - classic - timeless. The Colours have been selected according to international standards as shown below and are easily implemented.

The Logotype

1) The Logo Symbol Consists of a powerful element evoking the culture of design services and a black square backround. 2) The Logo Title Carefully chosen for its modern and yet refined, highly legible style, which has been further enhanced by the use of upper case letters in gray tone of the chosen corporate color. The font that is used here is Montserrat.

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

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

Recommended formats are: .eps | .ai | .jpg | .tiff | .png Attention: Use of any stylized, animated, hand drawn or other versions of a inofficial logo is not permitted. This undermines the logo system and brand consistency. Please consult with Bold Trademark Licensing if you have any questions or need further help.

PAGE: 11 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

Logo Construction, Clearspace and computation It is important to keep corporate marks clear of any other graphic elements. To regulate this, an exclusion zone has been established around the corporate mark. This exclusion zone indicates the closest

any other graphic element or message can be positioned in relation to the mark. of the the symbol itself and our company name – they have a fixed relationship that should never be changed in any way.

x

y

1) Logo Symbol

1/2 x

1/2 x

1/2 x

1/2 x

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

PAGE: 1 2 // 4 8

2) Full Symbol

1/2 x

1/2 x

1/2 x

1/2 x


Made with

By Egotype Design

Logo application and standards Logo A Background Black Version

Logo B Background Colored Version

Logo C Background Grey Version

Logo D Background White Version

Minimum Logo Sizes

Full Logo Minimum Height: 11,5 mm

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 invert the logo symbol 3) Do not alter the logo symbol 4) Do not alter the logo type style 5) Do not change the size relationship between the logo symbol and logo type. 6) Never change the proportions of the logo vertically or horizontally or alter the appearance in any way

PAGE: 1 3 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

Section 02 Corporate Typography

The Corporate Fonts Primary Font Secondary Font Font Hierachy

PAGE: 14 // 4 8


Made with

By Egotype Design

The Corporate Fonts and Typography Guidelines 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 Bold communications. We have selected

Montserrat and Source Sans Pro, which helps inject energy and enthusiasm into the entire Bold communications, as the primary and secondary corporate typefaces.

Primary Font

Montserrat A

B

C

D

E

F

G

N

O

P

Q

R

S

T

a

b

c

d

e

f

g

n

o

p

q

r

s

t

A

B

C

D

E

F

G

N

O

P

Q

R

S

T

Primary Font

a

b

c

d

e

f

g

Montserrat

n

o

p

q

r

s

t

Designer : Julieta Ulanovsky

0

1

2

3

4

H U

I V

h u

K

L

M

W

X

Y

Z

j

k

l

w

x

y

z

J

K

L

M

W

X

Y

Z

i v

H

I

U

V

h

i

u

5

J

j

v

6

k

w

7

m

l

x

Ultralight

m y

8

Bold

z

9

0

Figures

The font The old posters and signs in the traditional neighborhood of Buenos Aires called Montserrat inspired me to design a typeface that rescues the beauty of urban typography from the first half of the twentieth century. The goal is to rescue what is in Montserrat and set it free, under a free, libre and open source license, the SIL Open Font License.

!

§

$

%

¡

¢

«

®

æ

œ

~

@ µ

& [

(

]

|

=

{

}

Ω

º

ª

©

ƒ

<

>

¨

)

∆ ∞

/

ø

?

` ≠

;

:

¿

π

±

å

¥

ç

˘

Special Characters

PAGE: 1 5 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

The Corporate Fonts and Typography Guidelines

Secondary Font

Source Sans Pro

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

Bold

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

Secondary Font Source Sans Pro

Designer : Julieta Ulanovsky

a

b

c

d

e

f

g

n

o

p

q

r

s

t

A

B

C

D

E

F

G

i

j

k

l

v

w

x

y

z

I

J

K

L

M

N O P Q R S T U V

W

X

Y Z

a

b

c

d

e

f

g

i

j

k

l

n

o

p

q

r

s

t

v

w

x

y

0

1

3

4

5

%

&

/

2

h u

H h u

6

m

Light

m

7

8

9

? ` ;

z

0

Figures

The font The old posters and signs in the traditional neighborhood of Buenos Aires called Montserrat inspired me to design a typeface that rescues the beauty of urban typography from the first half of the twentieth century. The goal is to rescue what is in Montserrat and set it free, under a free, libre and open source license, the SIL Open Font License.

PAGE: 16 // 4 8

!

§

$

¡

«

¢ ®

[ †

] Ω

¨

(

)

=

|

{

}

ø

≠ π

:

¿

±

æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç √ ~ µ ∞ … – ≤ < > ≥ ˘ › ‹ ◊

Special Characters


Made with

By Egotype Design

Corporate 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

Context Text and inner Headlines

text for key information. Typographic hierarchy creates contrast between elements. There are a variety of ways you can create a sense of hierarchy. Here are some of the most common techniques for Bold layouts.

Caption Text

Bold Typo

Source Sans Pro Regular 6 pt Type / 11 pt Leading

Copy Text

Bold Typo Source Sans Pro Regular 8 pt Type / 11 pt Leading

Headlines Copytext

Bold Typo Source Sans Pro Regular - Inital Letters 10pt Type / 10pt Leading

Headlines and Typobreaks

Big Headlines and Title

Sequencer and Title for Marketing

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

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

PAGE: 17 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

Section 03 Corporate Color Sytem

The Corporate Colors Primary Color System Secondary Color System

PAGE: 18 // 4 8


Made with

By Egotype Design

The Primary Color System and Color Codes Color plays an important role in the Bold 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 Bold 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 System

Color A : Sensual Gray -

100 %

100 %

Gradient

80 %

60 %

20 %

40 %

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

20 %

Primary Color system

Color B : Hard Black -

Primary Color System : Explanation : The Bold Company has three official colors: Yellow, Black and Gray. These colors have become a recognizable identifier for the company. Usage: Use them as the dominant color palette for all internal and external visual presentations of the company.

100 %

100 %

Gradient

80 %

60 %

20 %

40 %

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

20 %

PAGE: 19 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

The Secondary Color System and Color Codes

The secondary color system

Secondary Color A

and color codes

100 %

Gradient

20 %

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

Secondary Color B

100 %

Gradient

20 %

Secondary Color System :

Secondary Color C

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

100 %

Gradient

20 %

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

Secondary Color D

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

100 %

PAGE: 20 // 4 8

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

Gradient

20 %

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


Made with

By Egotype Design

Colors are one of the most important things to transfer a brand to the customers.

Bold Studio 2017

PAGE: 21 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

Section 04 Stationery and Branding

The Company Letterhead The Company Business Cards The Envelope Logo Placement

PAGE: 2 2 // 4 8


Made with

By Egotype Design

The Corporate Stationery and Usage

Company Letterhead BOLD STUDIO Main Avenue, 7th New York, United States T. 01 23 4567 8901 F. 01 23 4567 8901 info@bold.com www.bold.com July, 2ne 2017 Dear Mr. Max Jefferson Creative Director London, GB

Color plays an important role in the Grey Agency´s 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 Grey Agency´s brand identity across all relevant media. Check with your designer or printer when using the corporate colors that they will be always be consistent. 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.

The Company Letterhead Explanation: This shows the approved layouts with the primary elements of the Bold stationery system for the front- and backside of the letterheads.

Berst Regards

MAXWELL DOE DIRECTOR

Usage: The letterhead will be used for all official communication that is going out of Bold company.

Bold Studio

Parameter

Dimensions:

Weight

Print:

Letterhead

297 x 210mm / DIN A4

120g/m Uncoated

CMYK

white

PAGE: 2 3 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

The Corporate Stationery and Usage

Business Cards Explanation: This shows the approved layouts with the primary elements of the Bold stationery system for business cards.

Bold Studio

Usage: The business cards will be used for all official contact and communication of Bold company. Insert the Bold letterhead and send your documents throughout the world.

www.bold-studio.com

Mr. Max Jefferson Creative Director

BOLD STUDIO MAIN AVENUE, 7TH NEW YORK, USA T. 01 23 4567 8901 F. 01 23 4567 8901

Envelope Bold Studio

Explanation: This shows the approved layout with the primary elements of the Bold stationery system for envelopes. Dimensions: 220 x 110 mm www.bold.com

Weight: 400g/m Uncoated white

PAGE: 24 // 4 8

INFO@BOLD.COM W W W.BOLD.COM


Made with

By Egotype Design

Correct Logo Placement Example DIN A4

Place your logo in correct way.

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

Grid Examples Download Direct Link : http://www.Bold.com/grids/grid_layouts.zip

PAGE: 2 5 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

The Corporate Branding CD Labels, CD Cover and Billboards

CD Label & Cover

The Corporate Branding CD Labels and CD Cover for Bold Studio

COMPANY NAME : BOLD STUDIO. & CO.

Explanation: This shows the approved layouts with the primary elements of the Bold stationery system for CD Labels and Covers.

COMPANY ADDRESS 7TH AVENUE, MANHATTAN 578 NEW YORK UNITED STATES

COMPANY NAME : BOLD STUDIO. & CO. COMPANY ADDRESS 7TH AVENUE, MANHATTAN 578 NEW YORK UNITED STATES

CD Label 5” x 5”

CD Cover 5.2” x 2.2”

Bold Studio Banner Creative Design

Explanation: This shows the approved layouts with the primary elements of the Bold stationery system for Outdoor Banner.

Web Development Marketing

www.bold.com

Outdoor Banner 70” x 30”

PAGE: 26 // 4 8


Made with

By Egotype Design

The Corporate Branding Rollup and Company Flag

Bold Studio Roll up

Creative Design

Web Development

Marketing

www.bold.com

Explanation: This shows the approved layouts with the primary elements of the Bold stationery system for Roll up.

www.bold.com

Bold Studio Flag Explanation: This shows the approved layouts with the primary elements of the Bold stationery system for Bold Studio Company Flag. Bold Studio Roll up 70” x 30”

Bold Studio Flag 70” x 20”

PAGE: 27 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

Bold Studio Equipment

PAGE: 28 // 4 8


Made with

By Egotype Design

The Corporate Branding Rollup and Company Flag

Bold Studio Delivery Van Explanation: This shows the approved layouts with the primary elements of the Bold stationery system for delivery van. Bold Studio Delivery Van

Bold Studio Company Car -

Bold Studio Company Car

Explanation: This shows the approved layouts with the primary elements of the Bold stationery system for Bold Studio Company Car.

PAGE: 2 9 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

The Corporate Branding Social Media Branding Set

Social Media Image Kit

Youtube

Explanation: This shows the approved layouts with the primary elements of the Bold stationery system for Social Media Images.

Creative Design

Web Development

Marketing www.bold.com

Youtube Cover

Facebook

Creative Design

Web Development

Marketing www.bold.com

Google+

Creative Design

Web Development

Marketing www.bold.com

PAGE: 3 0 // 4 8


Made with

By Egotype Design

The Corporate Branding Social Media Branding Set

Linkedin

Creative Design

Web Development

Marketing www.bold.com

Instagram Social Image Sizes Complete Cheatsheet

LOVE & CREATION www.bold.com

Youtube Image 2560 x 1440 px Facebook Image 828 x 315 px Google+ Image 1080 x 608 px Linkedin Image 646 x 220 px Instagram 1080 x 1080 px

Instagram Square Post Image

PAGE: 31 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

Section 05 Corporate Grid System

The Company Letterhead The Company Business Cards The Envelope Logo Placement

PAGE: 32 // 4 8


Made with

By Egotype Design

The Bold Grid System and Application

A4 Vertical Grid System Examples

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

PAGE: 3 3 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

The Screen Grid System and Application

Screen Horzontal Grid System Examples Explanation: This shows an approved layout with a typography grid for a 16:9 Screen of Bold. This will be used for Company presentations in Powerpoint or Keynote.

Grid Examples Download Direct Link : http://www.bold.com/grids/grid_layouts.zip

PAGE: 3 4 // 4 8


Made with

By Egotype Design

The Tablet Grid System and Application

Vertical Tablet Grid System Examples

PAGE: 3 5 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

Section 06 Image and Blending Modes

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

PAGE: 36 // 4 8


Made with

By Egotype Design

The Bold Studio Corporate Image : Colored Images Corporate Images are responsible to transfer the values of Bold 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. Bold use various corporate advertising techniques to enhance their public image in order to improve their desirability as a supplier, employer, customer, borrower, partner, etc.

The corporate image system for colored images Requirements: - desaturate colours - high contrast - sharp images - minimalistic look - modern and businesslike

PAGE: 37 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

The Bold Studio Corporate Image : Black & White

The corporate image system for B/W images Requirements: - dark look - high contrast - sharp images - minimalistic look - modern

PAGE: 3 8 // 4 8


Made with

By Egotype Design

The Bold Studio Blending Modes for Brand Images 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.

Corporate image blending modes and functionality Requirements: 1) use it in black and white images colours 2) use a placeholder with a yellow back 3) adjust the layer style to “multiplicate�

PAGE: 39 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

The Bold Studio Corporate Image Moodboard

PAGE: 4 0 // 4 8


Made with

By Egotype Design

The Bold Studio Corporate Design Moodboard A mood board is 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.

Three color combination board

Four color combination board

Corporate Color Combinations

Two color combination board

Corporate Patterns

PAGE: 41 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

Section 07 Corporate Iconography

Corporate Iconography Application

PAGE: 42 // 4 8


Made with

By Egotype Design

The Bold Studio Corporate Iconograpy System and Application 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

200 %

picture or symbol serving as a quick, “intuitive� representation of a software tool, function or a data file.

100 %

75 %

50 %

Icon version 1: - White solid background - Stroke size: 2pt

Icon version 2: - Black solid background - Stroke size: 2pt

Examples for Bold Corporate Iconography System How to: - only use icon with a backround - minimum stroke size: 0.5 pt - upscale only proportional

PAGE: 43 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

Section 08 Manual Check List

Checklist Introduction Manual Checklist

PAGE: 4 4 // 4 8


Made with

By Egotype Design

The Bold Studio Corporate Iconograpy System and Application The easiest way to make sure that your work will match the brand manual guidelines is to have a small check list. Before publishing please go through the

following check list, check bullet point and compare this with your publication. If something is incosistent please rework until everything is correct.

01 The logo

Only use approved versions of the logo. Please check that you have respected the minimum size and exclusion zone requirements. The logo should not appear on color backgrounds without being reversed out.

02 Color

Please make sure that only your approved primary and secondary colors are used.

03 Typography

Use the font Adobe Caslon Pro for all top headings. For body text and smaller headings use font Lato. Both fonts are also available for web.

04 Imagery

Use desatured photos with vintage color, grayscale photos or photos with color overlay. Please follow the rules.

05 Print materials

Please use the provided grids and approved layouts for all printed products and the stationery.

PAGE: 45 // 4 8


Client: Bold Studio. & Co. | Date: 23.09.17

Section 08 Summary and Contact

Summary Contact

PAGE: 4 6 // 4 8


Made with

By Egotype Design

The Bold Studio Summary and Contact

Thank_you.

A short summary

Contact

Tequis magnam everunt re volupti ntiusament at et omnimo totatin venimus anturis explaut alique quatem qui utemquia dolo erum soluptas alite conseque qui officab orruntota cus ium rempedi gendandus veniscidus erum as ut idebit, toremporias ea conet volo blantia plaborepel is natqui officil magnihi.

For further information please contact:

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.

Mark Anderson Marketing Bold Studio E: info@bold.com P: +01.132.4567.890

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.

Bold Studio

PAGE: 47 // 4 8


Bold. Studio.

Creative Agency & Brand Studio

COMPANY DATA AND CONTACT

COMPANY NAME : BOLD STUDIO. & CO.

Love.

COMPANY ADDRESS 7TH AVENUE, MANHATTAN 578 NEW YORK

Design.

UNITED STATES

CONTACTS :

Create.

M : INFO@BOLD.COM W : WWW.BOLD.COM


Turn static files into dynamic content formats.

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