Brandbook Template (Light Version)

Page 1

- Version 01, Year 2020 -

BORYS BRAND GUIDELINE A GUIDE TO A COMPREHENSIVE VISUAL SYSTEM

Updated: 22.12.20


CONTENTS SECTION 01

INTRODUCTION SECTION 02

LOGOS

SECTION 03

TYPOGRAPHY SECTION 04

“A brand for a company is like a reputation for a person. You earn reputation by trying to do hard things well.”

-Jeff Bezos

COLOR

SECTION 05

GRAPHIC ELEMENTS SECTION 06

EXAMPLES SECTION 07

WEB

SECTION 08

GLOSSARY

03 - 07

09 - 21

23 - 29

31 - 33

35 - 41

43 - 53

55 - 63

65 - 67


SECTION 01

INTRODUCTION

These guidelines book which make up the brand standard. They are included all rules to create any communications materials. This will help company in designing and producing designs with a high degree of creative flexibility.


SECTION 01 INTRODUCTION

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

4

THE STORY

OUR CUSTO

ERS IS

OUR KING Similar with every great business story, ours company starts with the customer. What they need and want is the most important for our business.

Happy customers will buy more from our product and tell more people about good experience. We want our customers buying more and telling more people about us. We want happy customers. Brand Identity is most important to get strong recognition from our customer. We convey our brand identity through every form of communication and experience. Through the products we sell, how we look, how we act, and what we say. Everything we do has a direct impact on how the world perceives us. Good brand is built for long time. And many years our company measure our brand’s success by the alignment between the communications and experiences people have with our brand.


SECTION 01 INTRODUCTION

BORYS BRAND GUIDELINE POLICY

5

MAY 2020 VERSION 01

PURPOSES OF OUR BRAND IDENTITY

Customer Service

Culture

Prices

Product Quality

Communication

Get complete alignment of what customers perceive from Our products and services. Public Relation

Easy

Knowledge

An brand identity helps the company develop strong name recognition by defining a good look of branding materials.

Practical

Interaction

Brand identity developement associate

professional image to all audiences

the use of logos, typefaces and colors

even though communications are

to create a clearly markable image for

coming from hundreds of separate

a company. A brand identity policy is

units across our campuses. Following

important for company or istitution to

of this guide lines identifies unit

build and convey a clear identity for

as part of the company, increasing

its many target audiences. Through a

brand identity with audience and

consistent brand graphics campaign,

making corporate message will be

the brand project a strong, unified and

received obviously.


SECTION 01 INTRODUCTION

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

There are several this company-

These entities are:

related entities that are not required

• The Corporate Newsletter

6

EXEMPTIONS

to adhere in full to the specifications within this document. Each of these identity usage have been granted conditional exemption by the offfice of Corporate Brand Management in some part–be that logo, color scheme, typeface, or other aspect elements of the brand guidelines.

• Product Magazine • Sister Company

• Company Foundation

• Co-Branding Products • Co-Branding Services • Radio Branding

• Sofware Application • Mobile Application

TO REQUEST AN EXCEPTION, PLEASE CONTACT MARKETING DEPARTMENT BY PHONE AT (123) 456789 OR BY EMAIL AT BRANDING@BORYS.COM


SECTION 01 INTRODUCTION

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

7

LEGAL REQUIREMENTS Confidentiality Statement

All material in this document

Written permission from a

is registered 速 to (your

duly appointed of our officer

company name). This material

is required for any use or

includes but is not limited to

publication, public or private,

printed and/or electronic text

of any material registered to

and images. All registration

(your company). There is no

privileges and other rights

implied consent for any use,

implied or explicit are

publication, republication

reserved.

or transmission of material registered to our.

Identity Usage Statement

Publication Statement

All material in this document is

Written permission from a

registered 速 to (your company

duly appointed of our officer

name). This material includes

is required for any use or

but is not limited to printed

publication, public or private,

and/or electronic text and

of any material registered to

images.

(your company).

Any publication that has been paid must by law include the following statement:

This Printing Material are prepared by Borys Company

This Publication is distributed by Borys Company

All rights reserved by Borys Company

All trademarks in this publication are copyrighted to by Borys Company


“Strong Brand is Important.” John Doe


SECTION 02

LOGOS


SECTION 02 LOGOS

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

10

THE BACKGROUND Consistency is paramount to the success of the identity system. Consistent use of the mark and supporting elements will build brand equity and resonance. The end result will be an increased understanding of the brand by the public. Use only original vector artwork for reproduction of these marks. Elements and marks may not be altered electronically or manually, nor can they be stretched, outlined, given drop-shadows or enclosed in shapes that appear to be an organic part of the element.

Our Positioning

Borys Brand positioning expresses the value we deliver to the marketplace. All of our communications and actions must support our brand positioning.

Our Brand Character

The best brands have a way of building true faith in their character. We understand our Strong, Fresh and Profitable character are a good sense of building a corporate culture and make it understanding by all our employees and partners.

Our Commitment

There is no more important than our commitment to integrity. The quality of our credibility is just as necessary as the quality itself. Our future is built on sustain innovation, but our daily operations wouldn’t be possible without our team members’ commitment to conducting business with uncompromising integrity and professionalism.

Borys is a Profit Booster Company. We Are: .Strong .Fresh .Profitable

Focus on: .Quality .Reputation .Integrity .Professionalism


SECTION 02 LOGOS

BORYS BRAND GUIDELINE POLICY

11

MAY 2020 VERSION 01

GENERAL APPLICATION GUIDELINES Quality

Color

VECTOR

Typography

CMYK

A -Z

This document outlines an identity

This document outlines an identity

This document outlines an identity

standards and applications

standards and applications

standards and applications

system in three parts. The first

system in three parts. The first

system in three parts. The first

part contains a group of identity

part contains a group of identity

part contains a group of identity

elements specifically designed to

elements specifically designed to

elements specifically designed to

identify the brand.

identify the brand.

identify the brand.

Size

Placement

Resolution

1 inch

Alone

300 dpi

To keep logo readibility, it

This document outlines an identity

This document outlines an identity

should not be produced in less

standards and applications

standards and applications

than 1 inch for any material

system in three parts. The first

system in three parts. The first

purpose.

part contains a group of identity

part contains a group of identity

elements specifically designed to

elements specifically designed to

identify the brand.

identify the brand.


SECTION 02 LOGOS

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

BRAND PERSONALITY TRAITS BOLD

CARING

elements which make up

elements which make up

the brand. They include all

the brand. They include all

rules to create on and off air

rules to create on and off air

communications. This will help

communications. This will help

you in designing and producing

you in designing and producing

exciting designs with a high

exciting designs with a high

degree of creative flexibility.

degree of creative flexibility.

INNOVATION

POSITIVE

elements which make up

elements which make up

the brand. They include all

the brand. They include all

rules to create on and off air

rules to create on and off air

communications. This will help

communications. This will help

you in designing and producing

you in designing and producing

exciting designs with a high

exciting designs with a high

degree of creative flexibility.

degree of creative flexibility.

These guidelines outline the

These guidelines outline the

These guidelines outline the

These guidelines outline the

12


SECTION 02 LOGOS

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

13

BRAND LOOK AND FEEL 1 . Primary Logo

2 . Primary Logo with Tagline

3 . Primary One Line Logo

4 . Monogram

VISUAL

COLOR

The brand identity is the complete alignment of what customers see, hear, read, experience, and think about products and services.

BORYS LOGO

5 . Secondary Logo

TYPOGRAPHY

IMPLEMENTATION

These guidelines outline the elements

in designing and producing exciting

which make up the brand. They

designs with a high degree of creative

include all rules to create on and off

flexibility.

air communications. This will help you


SECTION 02 LOGOS

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

14

PRIMARY LOGO

LOGOMARK MEANING

LOGO TEXT MEANING

TAGLINE MEANING

We Flash Up Your Business Profit.

Suspendisse potenti. Interdum et

Fusce nunc lacus, semper ac

Vestibulum ut ante ultricies,

malesuada fames ac ante ipsum

elementum luctus, ornare

adipiscing sem nec, viverra metus.

primis in faucibus. Donec ultrices

condimentum risus. Sed eget gravida

Sed fermentum vulputate tortor, at

nibh libero, nec fermentum ipsum

libero. Maecenas interdum rutrum

pharetra eros viverra vitae. Cras a

imperdiet ut. Suspendisse sit amet

purus nec gravida. Duis et faucibus

rutrum metus. Ut at pretium nulla.

adipiscing ligula, quis euismod.

nulla, quis gravida neque.


SECTION 02 LOGOS

CLEAR SPACE

Observe the clear space around the logo to maximize visual effectiveness. Nothing should intrude into this specified clear space. The radius of the Clear Zone for the Primary Signature must equal the size of a letter “O” in logo text. This is then used to measure the space surrounding the mark: above, below and to the side of two parallel lines.

FULL COLOR

The Primary logo in full color is for applications where full color is desired. The mark is available with and without the tagline.

Please note that the background shape is not part of the mark.

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

15


SECTION 02 LOGOS

BORYS BRAND GUIDELINE POLICY

PRIMARY LOGO GRAYSCALE

The Primary Mark in grayscale is for applications where full color is not available. The mark is available with and without the tagline.

SINGLE COLOR

The Primary Mark in black and white is for applications where full color, grayscale or two color is not available or desired. The mark is available with and without the tagline.

Please note that the background shape is not part of the mark.

MAY 2020 VERSION 01

16


SECTION 02 LOGOS

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

TAGLINE

TAGLINE OPTION

POSITION

to clarify a thought for dramatic

to describe our additional service

effect. Many tagline slogans are

and products. It used for our sub

reiterated phrases associated

core services:

TAGLINE

A small amount of text which serves

There are several tagline provided

Interesting Place to Share

with an individual, social group, or product. We use a branding slogan, taglines to describe corporate values.

“Interesting Place to Share” “Building Human Life” “Never Success Alone”

Building Human Life

17


SECTION 02 LOGOS

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

18

UNACCEPTABLE USAGE

1. Do not alter colors

2. Do not alter proportions

3. Do not remove elements

4. Do not rotate the logo

5. Do not invade clear space

6. Do not add drop shadows

7. Do not blur the logo

8. Do not skew the logo

9. Do not alter fonts

10. Do not alter layout

11. Do not crop the logo

12. Do not add elements


SECTION 02 LOGOS

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

ONE LINE PRIMARY LOGO The One Line Primary Logo should always be used with a purpose, as a result of a design or composition that absolutely requires this as a solution. The one line primary logo is unique. While the Primary Logo remain the default choice for most graphic applications of the mark, there are certain

[I] One Line Primary Logo in Black on White Background

[II] One Line Primary Logo in Gray on White Background

[III] One Line Primary Logo in Grey on White Background

instances where an element with a small height footprint is required (vehicle signage, billboards, etc).

[IV] One Line Primary Logo in Black on Red Background

[V] One Line Primary Logo in White on Red Background

19


SECTION 02 LOGOS

BORYS BRAND GUIDELINE POLICY

LETTERMARK/MONOGRAM FULL COLOR

The Logo Monogram in full color is for applications where available or desired.

GRAYSCALE

The Logo Monogram in grayscale is for applications where full color is not available or desired.

SINGLE COLOR

The Logo Monogram in single color is for applications where full color or grayscale is not available or desired.

Please note that the background shape is not part of the mark.

MAY 2020 VERSION 01

20


SECTION 02 LOGOS

BORYS BRAND GUIDELINE POLICY

SECONDARY LOGO LOGO OPTION

This logo follows the same guidelines as the main logo, but must be used only when there is a limited amount of space available.

Please note that the background shape is not part of the mark.

MAY 2020 VERSION 01

21


“Typography is the craft of endowing human language with a durable visual form.” Robert Bringhurst, The Elements of Typographic Style


SECTION 03

TYPOGRAPHY


SECTION 03 TYPEFACE/TYPOGRAPHY

BORYS BRAND GUIDELINE POLICY

TYPOGRAPHY DESCRIPTION

Keep typography simple. Do not overcrowd layouts and do not use too many type sizes. Use weight to draw emphasis instead. Typography is the art and technique of arranging type in order to make the language it forms most appealing to transparent learning and recognition. The arrangement of type involves the selection of typefaces, point size, line length, leading (line spacing), adjusting the spaces between groups of letters (tracking) and adjusting the space between pairs of letters.

MAY 2020 VERSION 01

24


SECTION 03 TYPEFACE/TYPOGRAPHY

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

MAIN TYPEFACE 1

Aa TONE

Confident, Strong, Progressive and Modern

BEST USED IN

Headlines, Subheading

AVAILABLE AT

LEKTON REGULER

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

myfonts.com

BOLD

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ITALIC ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

25


SECTION 03 TYPEFACE/TYPOGRAPHY

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

MAIN TYPEFACE 2

Aa

OPEN SANS

TONE

REGULER

Contemporary, Modest, Technical

BEST USED IN

Headlines, Body Copy

AVAILABLE AT

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

google.com/fonts/

BOLD

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ITALIC ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

26


SECTION 03 TYPEFACE/TYPOGRAPHY

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

MAIN TYPEFACE 3

Aa

VOLLKORN

TONE

REGULER

Confident, Strong, Progressive and Modern

BEST USED IN

Headlines, Subheading

AVAILABLE AT

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

myfonts.com

BOLD

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ITALIC ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

27


SECTION 03 TYPEFACE/TYPOGRAPHY

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

28

TYPOGRAPHY STYLE HEADING

Lekton Bold

Vestibulum rhoncus nisl in faucibus viverra. Curabitur a enim non lorem dictum.

INTRODUCTION

Sed dignissim urna et purus tristique consequat. Mauris blandit arcu a erat consequat pulvinar.

SUB-HEADINGS

Praesent in venenatis dui, vitae tempor arcu. Proin sodales, justo nec consequat tempor, est felis ultrices nisl, in interdum mi est vel ante.

BODY

Nulla in quam a ipsum pulvinar dapibus. Nulla aliquet ornare velit sit amet commodo.

Open Sans Bold

Open Sans Regular

Open Sans Regular

BULLET STYLE

Open Sans Regular

QUOTE

Vollkorn Italic

DROP CAPS

Vollkorn Regular

Aliquam id enim vitae urna.

Aliquam id enim vitae urna.

Lobortis varius at nec sem.

Lobortis varius at nec sem.

Interdum et malesuada fames.

Interdum et malesuada fames.

Pellentesque eleifend, sem vel pharetra imperdiet, eros eros facilisis dolor, ut consectetur purus nulla non ipsum. Aliquam et consectetur orci. Proin nunc tellus, iaculis ac imperdiet fermentum, congue vehicula felis.

P

ellentesque eleifend, sem vel pharetra imperdiet, eros eros facilisis dolor, ut consectetur purus nulla non ipsum. Aliquam et consectetur orci. Proin nunc tellus, iaculis ac imperdiet fermentum, congue vehicula felis.


SECTION 03 TYPEFACE/TYPOGRAPHY

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

TYPOGRAPHY TONE CHART Below is a chart to help in determining what typeface, weight and case should be chosen, depending on the aesthetic direction

CASUAL

OPEN SANS REGULER

of a given design.

OPEN SANS REGULER

Within the brand there is a wide

LEKTON REGULER

range of emotional expression available through typography.

NOTE: Not every typeface weight available within the brand is represented below.

LEKTON REGULER

CLASSIC

VOLLKORN REGULER VOLLKORN BOLD VOLLKORN ITALIC

STRONG

OPEN SANS BOLD VOLKORN BOLD LEKTON BOLD

29


“I think it pisses God off if you walk by the color purple in a field somewhere and don’t notice it.” ― Alice Walker, The Color Purple


SECTION 04

COLOR


SECTION 04 COLOR

BORYS BRAND GUIDELINE POLICY

32

MAY 2020 VERSION 01

PRIMARY COLOR PALLETE Our primary colors are presented in Pantone速, CMYK, RGB and hexadecimal values (web). These are all the primary colors for use with relevant applications.

RED

LIGHT RED

Regardless of color, it is important that all marks and text are legible.

PANTONE

PMS 1797

PANTONE

PMS 1797

CMYK

0/100/99/4

CMYK

0/100/99/4

RGB

227/27/35

RGB

227/27/35

WEB

AD0000

WEB

AD0000

DARK GREY

WHITE

PANTONE

PMS 1797

PANTONE

PMS 1797

CMYK

0/100/99/4

CMYK

0/100/99/4

RGB

227/27/35

RGB

227/27/35

WEB

AD0000

WEB

AD0000


SECTION 04 COLOR

BORYS BRAND GUIDELINE POLICY

33

MAY 2020 VERSION 01

SECONDARY COLOR PALLETE These are all the secondary colors for use only as accents in relevant applications.

LIGHT GREEN

GREEN

PANTONE CMYK RGB WEB

PMS 1797 0/100/99/4 227/27/35 AD0000

PMS 1797 0/100/99/4 227/27/35 AD0000

PANTONE CMYK RGB WEB

PMS 1797 0/100/99/4 227/27/35 AD0000

PANTONE CMYK RGB WEB

PMS 1797 0/100/99/4 227/27/35 AD0000

LIGHT PURPLE

PURPLE

PANTONE CMYK RGB WEB

PMS 1797 0/100/99/4 227/27/35 AD0000

LIGHT PINK

PINK

PANTONE CMYK RGB WEB

PMS 1797 0/100/99/4 227/27/35 AD0000

LIGHT BLUE

BLUE

PANTONE CMYK RGB WEB

PANTONE CMYK RGB WEB

PMS 1797 0/100/99/4 227/27/35 AD0000

PANTONE CMYK RGB WEB

PMS 1797 0/100/99/4 227/27/35 AD0000

LIME GREEN

PANTONE CMYK RGB WEB

PMS 1797 0/100/99/4 227/27/35 AD0000

BRIGHT BLUE

PANTONE CMYK RGB WEB

PMS 1797 0/100/99/4 227/27/35 AD0000

BRIGHT PINK

PANTONE CMYK RGB WEB

PMS 1797 0/100/99/4 227/27/35 AD0000

BRIGHT PURPLE

PANTONE CMYK RGB WEB

PMS 1797 0/100/99/4 227/27/35 AD0000


“Simplicity is about subtracting the obvious and adding the meaningful.� John Maeda, The Laws of Simplicity: Design, Technology, Business, Life


SECTION 05

GRAPHIC ELEMENTS


SECTION 05 GRAPHIC ELEMENTS

CIRCLES COLOR

Solid Red. Solid Dark Gray.

BEST USED FOR

Put attention to a photo, tittle and adding visual weight to a design.

STRIPES COLOR

Solid Red. Solid Dark Gray.

BEST USED FOR

Put attention to a photo, tittle and adding visual weight to a design.

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

36


SECTION 05 GRAPHIC ELEMENTS

BORYS BRAND GUIDELINE POLICY

PHOTOGRAPHY STYLE DESCRIPTION

You may choose only professional people Subject must be dressed approrately in business wear. Do not use photos with casual dressed in T-shirt, sweats, etc. The backgorund must be solid or blurred. Use the rule of thirds.

COLOR

Deep, rich colors. No washed- out tones. Correct white balancing.

TONE

Friendly. Fresh. inspiring. Bold. Confident. Professional.

MAY 2020 VERSION 01

37


SECTION 05 GRAPHIC ELEMENTS

BORYS BRAND GUIDELINE POLICY

PHOTOGRAPHY - PEOPLE DESCRIPTION

You may choose only professional people Subject must be dressed approrately in business wear. Do not use photos with casual dressed in T-shirt, sweats, etc. The backgorund must be solid or blurred. Use the rule of thirds.

COLOR

Deep, rich colors. No washed- out tones. Correct white balancing.

TONE

Friendly. Fresh. inspiring. Bold. Confident. Professional.

MAY 2020 VERSION 01

38


SECTION 05 GRAPHIC ELEMENTS

BORYS BRAND GUIDELINE POLICY

PHOTOGRAPHY - LANDSCAPE DESCRIPTION

You may choose only green and nature subject. The backgorund must be solid or blurred. Use the rule of thirds.

COLOR

Deep, rich colors. No washed- out tones. Correct white balancing.

TONE

Friendly. Fresh. inspiring. Bold. Confident. Professional.

MAY 2020 VERSION 01

39


SECTION 05 GRAPHIC ELEMENTS

BORYS BRAND GUIDELINE POLICY

PHOTOGRAPHY - PRODUCTS DESCRIPTION

You may choose only professional people Subject must be dressed approrately in business wear. Do not use photos with casual dressed in T-shirt, sweats, etc. The backgorund must be solid or blurred. Use the rule of thirds.

COLOR

Deep, rich colors. No washed- out tones. Correct white balancing.

TONE

Friendly. Fresh. inspiring. Bold. Confident. Professional.

MAY 2020 VERSION 01

40


SECTION 05 GRAPHIC ELEMENTS

BORYS BRAND GUIDELINE POLICY

PHOTOGRAPHY - FRAME SQUARE

Medium - Small Size. Circled Frame.

ROUNDED

Deep, rich colors. No washed- out tones. Correct white balancing.

CIRCLE Friendly. Fresh. inspiring. Bold. Confident. Professional.

MAY 2020 VERSION 01

41


“Design can be art. Design can be aesthetics. Design is so simple, that's why it is so complicated.� Paul Rand


SECTION 06

EXAMPLE


SECTION 06 EXAMPLES

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

STATIONARY DESCRIPTION

The letterhead and envelope system was designed to remain clean and reflective of

BORYS, INC.

the brand identity. Below, the

EMPIRE STATE BUILDING

letterhead and envelope are

NEW YORK CITY, USA

shown at a smaller percentage of their actual size, but all measurements apply to pieces at 100% scale. All text should be

JL. KEBAIKAN RAYA NO.123

CONTACT (123) 4567 8910 11 HELLO@MALEO.COM WWW.MALEO.COM

set in grey.

SIZE

Letterhead size remain to A4 size or Letter size. It can use any paper. Envelope size is #10 equal with 9.5 x 4.125 inches.

WHERE TO PRINT?

Signage printing are available to order through online print services at: www.stationary.com. BORYS, INC. EMPIRE STATE BUILDING JL. KEBAIKAN RAYA NO.123 NEW YORK CITY, USA CONTACT (123) 4567 8910 11 HELLO@MALEO.COM WWW.MALEO.COM

44


SECTION 06 EXAMPLES

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

45

BUSINESS CARD DESCRIPTION

SIZE

QR CODE

pass information to potential

specifications for producing

Certain designs of business

customers and for professionals

standard business cards.

cards offer printing on the

networking. A business card is

The measurements for the

reverse side, with the option of

also an invitation for contact in

positioning of text and the

including a QR code. This allows

the future.

logotype are based on a card

those with smartphones to scan

measuring 90mm x 55mm.

contact info and have address

Business card are used to

Here we set out the

WHAT IS A QR CODE?

book details automatically added to their phone.

JOHN DOE

MANAGING DIRECTOR

JOHN DOE

MANAGING DIRECTOR

BORYS, INC. EMPIRE STATE BUILDING JL. KEBAIKAN RAYA NO.123 NEW YORK CITY, USA CONTACT (123) 4567 8910 11 HELLO@MALEO.COM WWW.MALEO.COM

WHERE TO PRINT?

Signage printing are available to order through online print services at: www.businesscard.com

CONTACT

BORYS, INC.

HELLO@MALEO.COM

JL. KEBAIKAN RAYA NO.123

(123) 4567 8910 11 WWW.MALEO.COM

EMPIRE STATE BUILDING NEW YORK CITY, USA


SECTION 06 EXAMPLES

BORYS BRAND GUIDELINE POLICY

46

MAY 2020 VERSION 01

POWERPOINTS DESCRIPTION

Presentations are a vital part of the communication tools to share idea and build reputation. It is important to proudly and accurately display the brand in our presentations while at the

June/2020

June/2020

same time offering the best on-screen experience to the audience.

SIZE

Click to add Presentation Title

Click to add Presentation Title

Several premium templates are available for download, supporting both 4:3 as well as 16:9 aspect ratios. Click to add Section Title

Click to add Section Title

DOWNLOAD

These PowerPoint templates are available for download at: http://borys.com/ppt/

Add Paragraph Text

Add Paragraph Text


SECTION 06 EXAMPLES

BORYS BRAND GUIDELINE POLICY

MOTION GRAPHIC DESCRIPTION

Vidoes produced by should identify (either at the beginning of the video, or just prior to the end) the company or an official sub-unit. Examples of brand characteristics for video work are below.

COLOR

Red, white, Dark Grey. Screen palette values.

MOTION Smooth. Spritely. Responsive. Short. Simple. Few elements. Emphasis on easing in and out.

MAY 2020 VERSION 01

47


SECTION 06 EXAMPLES

BORYS BRAND GUIDELINE POLICY

48

MAY 2020 VERSION 01

SIGNAGE DESCRIPTION

Signage is visual graphics created to display information to a particular audience. This is typically manifested in the form of wayfinding information in

Headquarter Building

Headquarter Building

MEETING ROOM

MEETING ROOM

MARKETING OFFICE

MARKETING OFFICE

LIFT AREA

LIFT AREA

LEVEL 10 - 25

LEVEL 10 - 25

LEVEL 26 - 50

LEVEL 26 - 50

places such as streets or inside/ outside of buildings. Signage is one of the key ways of getting attention of audience, it is the way we promote our brand.

SIZE

Signs can be created in most any size, but there are standard sizes available in most substrates. Consider the distance of the viewer and whether the viewer is moving or standing still all combine to determine the right size.

WHERE TO PRINT?

Signage printing are available to order through online print services at: www.signage.com.

CITY HALL

CITY HALL

TRADE CENTER

TRADE CENTER

FEDERAL HALL

FEDERAL HALL

LIBRARY

LIBRARY


SECTION 06 EXAMPLES

BORYS BRAND GUIDELINE POLICY

49

MAY 2020 VERSION 01

BILLBOARD / OUTDOOR ADVERTISING DESCRIPTION

Billboards are all about recall, the more present a brand is in the consciousness of its intended target market the better. Effective billboards are short, sweet, simple and to the point. People can not read small copy (less than one foot tall) when passing by the sign. Billboard words should be at least one foot and 6 inches tall in order to be legible from the road. All graphics need to be large enough to be seen at fast speeds and far distances.

SIZE

When designing billboards, minimum type size should be 18” tall, with 3’ and taller being optimal.

WHERE TO PRINT?

Signage printing are available to order through online print services at: www.billboard.com.

CLEAR SINGLE MESSAGE

CLEAR SINGLE MESSAGE


SECTION 06 EXAMPLES

VEHICLES DESCRIPTION

The purpose of vehicles branding is to convey message across quickly and clearly. Audience often won’t have a lot of time to decipher large blocks of text. With that in mind, when designing decals or graphics, it is important to remember to:

EYE-CATCHING YET SIMPLE DESIGN PROMINENT LOGO CALL TO ACTION

WHERE TO PRINT?

Vinysl Sticker printing are available to order through online print services at: www.stickers.com.

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

50


SECTION 06 EXAMPLES

BORYS BRAND GUIDELINE POLICY

MERCHANDISING DESCRIPTION

The objective of brand merchandising is to to take promotional of company’s brand and effectively place it on any materials that closed or used by consumers. This is a form of general awareness and to get brand recall. That is important to keep the logo readlibilty on small size.

ITEMS

Optional gift depends on trend and purpose of merchandising campaign. Some of optional items are Bags, Memory Sticks/ USB’s, Computer Accessories, Golf Products, Clothing, Corporate Clothing, Christmas Gifts, Pens, Mugs, Keyrings, Umbrella, T-shirt, Hat, Clocks, Stationary, Stress Toys, etc.

WHERE TO PRINT?

Signage printing are available to order through online print services at: www.merchandise.com.

MAY 2020 VERSION 01

51


SECTION 06 EXAMPLES

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

PRINT ADVERTISEMENT DESCRIPTION

Print advertisement is a form

This is the stunning headline

This is the stunning headline

The accepted positioning of the site’s logo is to put it in the top left area of the page.

The accepted positioning of the site’s logo is to put it in the top left area of the page.

of marketing communication used to encourage, persuade, or manipulate an audience (viewers and readers) to take or continue to take some action. Most commonly, the desired result is to drive consumer behavior with respect to a commercial offering. Proper placement of the logo in any print advertisement should be in one of the four corners at least one logo height (X) away from the edge of document.

GRAPHIC ELEMENTS

This is the stunning headline

This is the stunning headline

The accepted positioning of the site’s logo is to put it in the top left area of the page.

The accepted positioning of the site’s logo is to put it in the top left area of the page.

Use Stripes elements to

highlight the logo and image inside Circle shape to get sharp focus in advertisment design.

COMMON REQUIREMENTS All color images can be converted to CMYK. Images should have a minimum resolution of 300 dpi. File format PDF or TIFF.

52


SECTION 06 EXAMPLES

BORYS BRAND GUIDELINE POLICY

WEBSITES & MOBILE DESCRIPTION

The accepted positioning of the site’s logo is to put it in the top left area of the page. This area where most people identify what kind of website. Ensure the logo is big enough to be the second or third thing that people will notice when they arrive on the site. It’s best practice to link the logo image to the site’s home page.

MAY 2020 VERSION 01

53


“Each of us is a unique strand in the intricate web of life and here to make a contribution.� Deepak Chopra


SECTION 07

WEB IMPLEMENTATION


SECTION 07 WEB IMPLEMENTATION

BORYS BRAND GUIDELINE POLICY

56

MAY 2020 VERSION 01

WEB COLORS DESCRIPTION

Web colors are colors used in designing web pages, and the methods for describing and specifying those colors. Colors may be specified as an

F15B40

F58466

262C2C

FFFFFF

RGB triplet or in hexadecimal format (a hex triplet). A color is specified according to the intensity of its red, green and blue components, each represented by eight bits. Thus, there are 24 bits used to specify a web color, and 16,777,216 colors that may be so specified.

COLOR TOOLS

There are several onlice color tools which help you to create color scheme easily: http://www.colourlovers.com/ https://kuler.adobe.com http://www.pictaculous.com/

C6C1C0

2D4E99

AA2E62


SECTION 07 WEB IMPLEMENTATION

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

57

PATTERN DESCRIPTION

Our design pattern library will offer acomprehensive set of reusable page components.

DOWNLOAD

Several of these patterns are available at: http://borys.com/pattern/

CODING TIPS

Open your HTML file. To place the image as your background, add the following style to the <body> tag:

style=”background-image:url(pattern.gif); background-repeat:repeat” <html> <head>

<title>How to place a pattern as your website background</title> </head>

<body style=”background-image:url(pattern.gif); backgroundrepeat:repeat”> </body> </html>


SECTION 07 WEB IMPLEMENTATION

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

WEB TYPOGRAPHIC HIERARCHY DESCRIPTION

Typographic hierarchy is a system for organizing type that establishes an order of importance within the data, allowing the reader to easily find what they are looking for and navigate the content. It helps guide the reader’s eye to where a section begins and ends, whilst enabling the user to isolate certain information based on the

Heading 1 / H1 (48 px) 48px Leading / -40 Tracking Dev Pixel Spec: -2px Letter spacing

Heading 2 / H2 (36 px)

36px Leading / -30 Tracking Dev Pixel Spec: -1px Letter spacing

Heading 3 / H3 (32 px)

32px Leading / -30 Tracking Dev Pixel Spec: -1px Letter spacing

consistent use of style throughout a body of text.

Heading 4 / H4 (28 px)

28px Leading / -36 Tracking Dev Pixel Spec: -1px Letter spacing

GENERAL TIP

Consider using san serif fonts for the body copy of the website and also sans serif fonts for headlines and call-outs.

Heading 5 / H5 (24 px)

24px Leading / -43 Tracking Dev Pixel Spec: -1px Letter spacing

Heading 6 / H6 (20 px) 20px Leading / -47 Tracking Dev Pixel Spec: -1px Letter spacing

Heading 7 / H6 (16 px)

18px Leading / 0 Tracking Dev Pixel Spec: 0px Letter spacing

Heading 8 / H6 (14 px)

18px Leading / 0 Tracking Dev Pixel Spec: 0px Letter spacing

58


SECTION 07 WEB IMPLEMENTATION

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

59

WEB TYPOGRAPHY SCRIPT HTML BASE FONT

Web fonts need to be universal in nature and as such offers the following CSS declaration to be used as a cascading choice for both serif and sansserifed applications. In order of preferred font face:

WEB-ONLY FONTS

Since Open Sans, our primary typeface, cannot be used universally on websites, offers Proxima Nova as a web-only solution using the TypeKit method of web font delivery.

font-family: Georgia, “Times New Roman”, serif; font-family: Helvetica, Arial, sansserif;


SECTION 07 WEB IMPLEMENTATION

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

SHADOWS & GRADIENTS DESCRIPTION

Drop-shadows and gradients are two of the most common design elements on the web. This effect help create the illusion of threedimensionality and suggest the spatial relationships of objects on the page.

TITLE SECTION SHADOWS

Drop-shadows are created when an object blocks a light source from striking a surface that is

Section Description Lorem ipsum dolor sitamet. Hiji ditambih hiji sami sareng dua, dua ditambih dua sami sareng opat, opat ditambih opat sami sareng dalapan, dalapan ditambih dalapan sami sareng genep belas.

behind it. Drop-shadows effect make two-dimensional designs looks real.

GRADIENTS

Gradients appear when one part of an object is closer to a light source than another part. As a result, the closer part appears lighter, and the farther part appears darker.

TITLE SECTION Section Description DESCRIPTION

Drop-shadows and gradients are two of the most common design elements on the web. This effect help create the illusion of threedimensionality and suggest the

TITLE COMPONENTS

spatial relationships of objects on Component Text Detail the page.

TITLE COMPONENTS

Component Text Detail

60


SECTION 07 WEB IMPLEMENTATION

BORYS BRAND GUIDELINE POLICY

61

MAY 2020 VERSION 01

REQUIRED WEB ELEMENTS HEADER

Headers provide site identity and global navigation, with search and perhaps other tools. The exact location and arrangement of the components vary from site to site,

HOME

ABOUT

SERVICES

CAREER

BLOG

CONTACT

but the overall design pattern has become fairly consistent. Logo usage in the header must follow the guidelines included in this document.

FOOTER

Footer must follow the contents included on the bottom of our main website. This global footer ensures quick, easy access for users to common information: • About US • Services • Products • Contact • Legal Mention • Privacy Policy • Terms of Use

About

Services

Products

Contact

Legal Mention

Privacy Policy

Terms


SECTION 07 WEB IMPLEMENTATION

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

FAV ICONS DESCRIPTION

A favicon (short for “favorites icon”), also known as a page

The bookmarks

icon or an urlicon, is an icon associated with a particular

Borys

website or webpage.

New Tab

http://www.borys.com

Once you have placed a favicon.

Bookmarked Lists:

ico file on your site it might

http://www.borys.com

not be obvious where it will display. There are three primary locations that the favicon is displayed: The bookmarks or favorites

The Address Borys

Services

New Tab

of the Web browser. http://www.borys.com

The address bar of the Web browser, beside the URL. The tab bar of the Web browser. The Tab Borys

New Tab

http://www.borys.com

62


SECTION 07 WEB IMPLEMENTATION

MOBILE MOBILE APPLICATION

Mobile phone has become a basic necessity for everyone. Mobile applications have become a core component of mobile devices.

MOBILE WEB

Mobile Web access today still suffers from interoperability and usability problems. Interoperability issues stem from the platform fragmentation of mobile devices, mobile operating systems, and browsers.

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

63


“A synonym is a word you use when you can't spell the other one.” Baltasar Gracián


SECTION 08

GLOSSARY


SECTION 08 GLOSSARY

BORYS BRAND GUIDELINE POLICY

MAY 2020 VERSION 01

A - E

F - J

L - Q

BRAND

FAVICON

LOGO

An emotional feeling, perception, or expectation associated with an organization, company, product, or service. View Wikipedia.com

Tiny image that appears next to URL in web browsers.

GLOBAL BRAND

BRANDING

The assignment of a brand to a product.

a product, service, or company that competes globally (often a misnomer, since most brands, by definition, vary from culture to culture).

BRAND MANUAL

GLOSSARY

A document that articulates emotional branding the parameters of the brand for members of the brand community; a standardized set of brand-building tools.

BROWSER

The program that allows you to view webpages, such as .html files. Examples include: Safari, IE, Google Chrome and Mozilla Firefox.

CSS

(Cascading Style Sheets) is a style sheet language used to apply style properties to items in a HTML document. The .html document links to the .css file, and refers to styles by name so that a group of attributes

EMOTIONAL BRANDING

Brand-building efforts that aim at customers’ feelings through sensory experiences.

A list of terms used in this manual.

HEX NUMBER

HTML color specification number (starting with a “#” sign) for web pages using Hexadecimal system.

HTML

Hypertext Markup Language (HTML) communicates the structure of textual data to web browsers, indicating how to display the GUI. Certain text will be tagged as headings, paragraphs, lists, etc. The HTML may also incorporate interactive forms, embedded images, and other objects.

IDENTITY

Central sustainable elements of a brand identity, usually the name and trademark.

LOGOMARK

A graphic mark used without words to identify a company.

66

A shortened version of logotype, popularly (and incorrectly) used to refer to trademarks.

LOOK AND FEEL

The sensory experience of a product, environment, or communication.

MENU

The menu is the navigation system that helps users to move around the different pages and sections of a website.

MISSION STATEMENT

A concise statement of the purpose or permanent media aspirations of an organization

PIXEL

Unit of measure for websites and digital images.

PANTONE/PMS (PANTONE MATCHING SYSTEM)

A standardized color palette system used to define brand colors.

POSITIONING

The process of differentiating a product, service, or company in a customer’s mind to obtain a strategic competitive advantage; the first step in building a brand.


SECTION 08 GLOSSARY

BORYS BRAND GUIDELINE POLICY

R - U

V - Z

TAGLINE

VECTOR IMAGE

A tagline is a slogan designed to reinforce an audience’s memory of a product, organization, or service. It is typically used in marketing materials and advertising.

TRADEMARK

A trademark is any name, symbol, figure, letter, word, or logo adopted and used by a company or organization to distinguish the products or services it provides from products or services provided by other companies or organizations.

TYPEFACE

The design of a set of characters, such as Helvetica or Times Roman; frequently referred to incorrectly as a “font.” The typeface is the unified design of the individual characters and the font is the variation of the typeface, such as roman, italic, bold, etc.).

SIGNATURE

The defined visual relationship between logotype and a symbol.

URL

The actual web address of a specific web page.

MAY 2020 VERSION 01

67

Line art graphic/illustration that can be enlarged or reduced to any size and maintain resolution.

VALUE PROPOSITION

A set of benefits, including functional, emotional, and selfexpressive benefits.

VISION

The story a leader tells about where the organization is going; the aspirations of a company that drive future growth.

WIREFRAME

A rough layout of a website before design begins.

WYSIWYG

What You See Is What You Get (WYSIWYG) – describes a system in which the content being edited appears very similar to the final product. TMS uses WYSIWYG (pronounced ‘wizziwig’) editing.

DEVIATIONS DEVIATIONS FROM THIS STANDARD MUST BE APPROVED PLEASE CONTACT: (012) 345-678 OR SEND EMAIL AT BRANDING@BORYS.COM

XML

An advanced markup language giving better control than HTML over format for structured information on web pages. Has been adopted as a standard by many applications and for information exchange.

RESEARCH AND DEVELOPMENT BY


BORYS, INC. EMPIRE STATE BUILDING JL. KEBAIKAN RAYA NO.123 NEW YORK CITY, USA

CONTACT (123) 4567 8910 11 HELLO@MALEO.COM WWW.MALEO.COM


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