80 Pages Extended Brand Manual

Page 1

Design and Visual Identity Guidelines 10 September 2015

BELIEVE IN BEST OR NOTHING

CONTACT Address

Phone & More Info

Online Information

Optimus Design.Inc Avenue 03, ParkStreer 123 New York United States

Phone 1: +0 111 2222 333 Phone 2: +0 111 2222 333

Email 1: info@optimusdesign.com Email 2: premade@optimus-inc.com

Fax:

Web:

O D Optimus Design.Inc

+0 111 2222 333

www.optimusdesign.com

Optimus Design.Inc Confidential


Brand Guidelines


Design and Visual Identity Guidelines

BRAND

content TABLE OF

PAGE 04 | SECTION 01 | BRAND MANUAL INTRODUCTION PAGE 10 | SECTION 02 | BRAND ELEMENTS PAGE 14 | SECTION 03 | BRAND LOGO PAGE 26 | SECTION 04 | BRAND LOGOTYPE PAGE 34 | SECTION 05 | BRAND TYPOGRAPHY

PAGE 50 | SECTION 07 | GRID AND TILES PAGE 58 | SECTION 08 | BRAND IMAGES PAGE 64 | SECTION 09 | BRAND ICONS PAGE 68 | SECTION 10 | BRAND STATIONERY PAGE 76 | SECTION 11 | SUMMERY

GUIDELINE

PAGE 42 | SECTION 06 | BRAND COLORS


01 Optimus Brand Introduction


Optimus Design.Inc

Representing Our Brand Basics 1.1 Introduction 1.2 Our Mission 1.3 Our Brand Promise 1.4 Our Brand Personality


1.1 INTRODUCTION CORPORATE BRAND MANUAL HOW TO FIT IN THIS GUIDE More than a name or a logo. More than a name or a logo on a box. And more than what the box contains. What’s inside the box may change or to be succeeded by some other product that’s better, faster and less expensive. The guidelines that directs communications for Optimus products and services are part of a larger effort to build awareness, understanding and preference for the Optimus brand and products and services in the markets in which we compete. To build a brand that endures. The Optimus Design.Inc brand including the logo, name, colors and identifying elements are reserved as company assets. We are responsible for protecting the company’s interests throw preventing unauthorized use of the Optimus Design. Inc name and marks.


Optimus Design.Inc

1.2 OUR MISSION

Our corporate mission and positioning, as well as our brand platform, reflects the design heritage.

Optimus Design.Inc revolutionizes how the world dig for creative ideas to design.

Optimus Design.Inc has established a strong brand identity. Our products have earned a reputation for quality and excellence that few can rival.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Optimus Design.Inc / Version 4.0 / 2015

Page 7


Optimus Design.Inc

1.3 BRAND PROMISE

Optimus

BRAND PROMISE

The Optimus brand promise directly addresses the customer’s desire for design in life and at work. Our brand promises to every customer: Optimus Design.Inc enables people and organizations to dig creativity through design. We believe exploring creativities are:

AVAILABLE

COMPELLING

EASY-TO-USE

Readily available to the

Optimus Design.Inc provides

Interactions and transactions

customer any time, anywhere

the best graphic items which

are easy anywhere based on

based on their choice. We are

are more interactive, ready to

their choice. We are offering

offering customers premade

meet perpose and entertaining.

customers premade and

and custom made design

Beacause we worth your time.

custom made design option so

option so that customer can

With us customers experience

that customer can take decision

take decision based on their

unlimited customization

based on their demand. As

demand. As example - if any

offers. Here customer can

example - if any customer want

customer want any graphic

make order fully customized

any graphic item instantly to

item instantly to choose from

graphic items and more. Lorem

choose from a bunch of already

a bunch of already designed

Ipsum is simply dummy text

designed items and may

items and may customize a

of the printing and typesetting

customize a little bit; then our

little bit; then our premade

industry . Lorem Ipsum has

premade offer is the perfect

offer is the solution.

been the industry’s standard.

solution for them.

Page 8

2015 / Version 4.0 / Optimus Design.Inc


Optimus Design.Inc

1.4 BRAND PERSONALITY Brand personality to support our position as an creative design inventor and our visual style must also evolve. We must be seen as passionate challengers of convention, compelled to perfect our each and all item. And, at the same time, we must maintain our role as a unique collaborator. We must maintain these characteristics at every point with our customers, consistently. The brand personality describes the manner of the Optimus brand that we want to communicate, in both the things we say and also in the interactions we have with customers and other key clients.

BRAND PERSONALITY EXCEPTIONAL

COMMITMENT

UNIQUENESS

CREATIVE

We are committed to

Our team is

We always offer

We are highly

provide best design

committed to

extraordinary

creative in designing

as well as best

provide best design

designs as well as

products which

products to our

as well as best

best products to

things no one have

valuable customers.

products.

customers.

done before.

Optimus Design.Inc / Version 4.0 / 2015

Page 9


02 Optimus Brand Elements


Optimus Design.Inc

Representing Identity System Elements 2.1 Guide to Fit In 2.2 Identity Elements


Optimus Design.Inc

2.1 GUIDE TO FIT IN HOW TO FIT IN THIS GUIDE Optimus brand have a portfolio of world-class designs and experts. With our design elements

O D Optimus Design.Inc

and principles, we use to communicate a collective vision to our valuable customers, all over the

LOGO

COLOR

world. These guidelines cover both the shared design

Aa

elements are used by Optimus brands and our unique product brands.

TYPE

Page 12

IMAGERY

2015 / Version 4.0 / Optimus Design.Inc


Optimus Design.Inc

2.2 IDENTITY ELEMENTS LOGO

COLOR

O D Optimus Design.Inc

TILE

LAYOUT GRIDS O D

CONTENT GRIDS

Optimus Design.Inc

Awesome Headline Goes Here

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s

O D

Optimus Design.Inc

TYPE

Open Sans Regular Open Sans Semi Bold Open Sans Bold

PHOTOGRAPHY

Open Sans Bold Italic

ILLUSTRATION

Optimus Design.Inc / Version 4.0 / 2015

Page 13


03 Optimus Brand Logo


Optimus Design.Inc

Representing Optimus Brand Logo 3.1 Corporate Logo 3.2 Logo Elements 3.3 Clear Space and Minimum Size 3.4 Color Variations 3.5 Acceptable Backgrounds 3.6 Logo Placement 3.7 Misuse of the Logo


Optimus Design.Inc

3.1 CORPORATE LOGO The Ultimate

REPRESENTATOR of Optimus Brand Introduction of the logo

The Optimus corporate logo is

of our corporate identity that

playing role as representator

ensure our strong existance

of our company, our people,

and reperesents our company,

and our brand to the world. The

our people, and our brand

logo is a valuable corporate

to the world. The logo is a

asset that must be used in the

valuable corporate asset that

proper and approved way. Our

must be used in the proper and

orporate logo is d building block

approved way.

The Optimus brand’s logo type have two components, the logo symbol and logo type. The logo Symbol is palying powerful role in representing the culture of our design services. The logo type directly addresses the Optimus Design.Inc brands inner feeling of design in life and at work. The logo type of our brand has been chossen very carefully so that our creative purposes can be meet; as well as show case our actual objective. Its modern, highly legible to the customers. The typeface is Open Sans which makes balance perfectly with the logo symbol. The corporate logo symbol color has been selected based on International standard. So that it can be implemented very easily. Two corporate colors are used here - yellow and black. The combination of these two colors have made the logo modern and timeless.

Optimus Design.Inc

Page 16

The Corporate Full Logo of Optimus Brand

2015 / Version 4.0 / Optimus Design.Inc


Optimus Design.Inc

3.2 LOGO ELEMENTS LOGO SYMBOL & LOGOTYPE The logo has two components – the symbol with circle of yellow

Our Special ATTENTION

color to visualize the company’s strong promises, and the logotype

Lorem Ipsum is

that’s being used Open Sans typeface to brand our products and

simply dummy text

marketing communications. The symbol must be used as part of

of the printing and

the logo for each and every communication purpose too.

typesetting industry.

The symbol alone is only used as a icon by corporate sites: Facebook,

been the industry’s

Twitter, and YouTube. No other use is allowed. If you have further

standard dummy

Lorem Ipsum has

query please contact support@optimusdesign.inc.com

SYMBOL

text since 1500s.

LOGOTYPE

Optimus Design.Inc LOGO

Optimus Design.Inc / Version 4.0 / 2015

Page 17


Optimus Design.Inc

3.3 CLEAR SPACE & SIZE

1 TO FIT IN CLEARSPACE To ensure the legibility we let the logo breath by giving it some clear space. The minimum clear space that must be covered by

O

/ 2O

/ 2O

1

1

Optimus Design.Inc / 2O

1

/ 2O

1

the half of the height of full logo; or half of the blue colored capiatal letter O.

2 MINIMUM SIZE OF LOGO The Optimus brand logo

Optimus Design.Inc

On screen: 70 px Print: 1” (25 mm)

represents its visual strength in various sizes. However, when the logo

Optimus Design.Inc

is reproduced for print in too small’ then it’ll not be legible no longer & its

On screen: 113.4 px Print: 1.18” (30 mm)

impact is diminished. In print, the logo should never appear smaller than 1” (25 mm). Onscreen, it must appear at

Optimus Design.Inc On screen: 151.2 px Print: 1.58” (40 mm)

least 70 pixels wide.

Page 18

2015 / Version 4.0 / Optimus Design.Inc


Optimus Design.Inc

3.3 CLEAR SPACE & SIZE

3 MAXIMUM SIZE OF LOGO There is no maximum size for Optimus brand. Whenever using the Optimus logo at very large

BIGGER ALWAYS BETTER

sizes (over 3 feet wide) you will need to adjust the size and position of the 速.

Optimus Design.Inc / Version 4.0 / 2015

Page 19


Optimus Design.Inc

3.4 COLOR VARIATIONS

Optimus Brand Love To make it creative use colors and have fun!

COLORS The Optimus brand love to play

contrast for the logo’s color

with variety of colors; specially

and

strong and high contrast colors

reproduction is not available,

which makes our brand more

the logo should be reproduced

appealing to the viewers. The

in solid black. It can be used on

most effective background color

reverse background of white

is white; on which to reproduce

color. When the Optimus logo is

the color logo as it gives a clean

placed on a photographic image

elements.

If

the

color

the image behind the logo must be light enough to ensure high contrast for the positive logo or dark for the reverse logo. The full-color reverse logo may be used on dark color backgrounds, as well as dark areas within photographs. Please contact ourcorbrand@optimus.com for guidance.

Optimus Design.Inc REVERSE WHITE Background Type

Optimus Design.Inc

LOGO A Colored Version

SOLID BLACK Background Type

Optimus Design.Inc

LOGO B Colored Version

Page 20

2015 / Version 4.0 / Optimus Design.Inc


YOU READY? Let’s play with colors and have fun! Optimus Brand Colors - Detail Section - 06 Page - 36


Optimus Design.Inc

We Love

Extraordinary IDEAS...


Optimus Design.Inc

3.5 ACCEPTABLE BACKGROUNDS PERFECT BACKGROUND TO CHOOSE

Optimus brand The most effective background color is white; on which to reproduce the color logo as it gives a clean contrast for the logo’s color and elements. If the color reproduction is not available, the logo should be reproduced in solid black. It can be used on reverse background of white color as yellow or grey color.

Optimus Design.Inc

YELLOW Background Type

Optimus Design.Inc

LOGO A Colored Version

SOLID BLACK Background Type

Optimus Design.Inc

LOGO B Colored Version

GREY COLOR Background Type

Optimus Design.Inc

LOGO C Colored Version

CYAN COLOR Background Type

Optimus Design.Inc

LOGO C Colored Version

Optimus Design.Inc / Version 4.0 / 2015

Page 23


Optimus Design.Inc

3.6 LOGO PLACEMENT Try to make sure that the

Clear space from the bottom and

Optimus logo should appear in

right or left edge is minimum

the lower left-hand corner, in full

1” as illustrated in the demo

color, on a white background.

below. If the logo placement is

The proper placement in this

not applied in the lower right

location

communication

corner, an alternate placement

purpose helps to build Optimus

for

can be applied in the top right

brand-awareness. How do you

corner. Please make sure that it

measure the proper clearspace?

have clear spaces to breath.

PREFERRED Placement Demo

ALTERNATE Placement Demo

Clear spacing for the logo placement

1” Optimus Design.Inc

Optimus Design.Inc

Spacing for Preferred Placement

Spacing for Alternate Placement Optimus Design.Inc

Optimus Design.Inc

1”

Page 24

2015 / Version 4.0 / Optimus Design.Inc


Optimus Design.Inc

3.7 MISUSES OF THE LOGO Don’t change the size & relation of logo symbol & type

Don’t add any effects like shadow, gradient and more

Don’t compress the logo symbol and logo type

Don’t place the logo over busy photographs

Optimus Design.Inc

Optimus Design.Inc

This is the perfect size & relation of logo symbol & type

Optimus Design.Inc

Optimus Design.Inc

Don’t place the logo having insufficient level of contrast

Don’t stretch the logo symbol and logo type

Optimus Design.Inc

Optimus Design.Inc

Optimus Design.Inc / Version 4.0 / 2015

Optimus Design.Inc

Don’t change the color of the logo symbol & type

Page 25


04 Optimus Brand Logo Type


Optimus Design.Inc

Representing Optimus Brand Logo Type 4.1 Clear Space and Minimum Size 4.2 Endorsed Communication 4.3 Misuse


Optimus Design.Inc

4.1 CLEAR SPACE & SIZE

1 TO FIT IN CLEARSPACE To ensure the legibility we let the logotype to breath by giving it some clear space. The minimum clear space that must be

O

/ 2O

/ 2O

1

1

Optimus Design.Inc

/ 2O

1

/ 2O

1

covered by the half of the height of full logo; or half of the blue colored capiatal letter of O.

2 MINIMUM SIZE OF LOGOTYPE The Optimus brand

Optimus Design.Inc On screen: 70 px Print: 1” (25 mm)

logotype represents its visual strength in various sizes. However, when the logotype is reproduced for print in too small’ then it’ll not be legible no longer &

Optimus Design.Inc On screen: 113.4 px Print: 1.18” (30 mm)

its impact is diminished. In print, the logotype should never appear smaller than 1” (25 mm). On-screen, it must appear

Optimus Design.Inc On screen: 151.2 px Print: 1.58” (40 mm)

at least 70 pixels wide.

Page 28

2015 / Version 4.0 / Optimus Design.Inc


Optimus Design.Inc

4.1 CLEAR SPACE & SIZE

3 MAXIMUM SIZE OF LOGOTYPE There is no maximum size for Optimus brand logotype. Whenever using the Optimus logotype at very large sizes (over 3 feet wide) you will need to adjust the size and position of the ®.

Let’s make designs

BIGGER!

it’s clean & legible

Optimus Design.Inc Believe in Best or Nothing

Design that Means to be Amazing! Optimus Made These Happen

Optimus Design.Inc / Version 4.0 / 2015

Page 29


Optimus Design.Inc

4.2 ENDORSE COMMUNICATION PERFECT BACKGROUND TO CHOOSE

Optimus brand’s logotype should be placed from away from the focal point. Most effective background color is white; on which to reproduce the logotype as it gives a clean contrast for the color and elements. Placing the logotype in one corner of the layout is a good way to signal that it is an endorsement.

MAKE IT PERFECT WITH OPTIMUS BRAND

Optimus Design.Inc

Page 30

2015 / Version 4.0 / Optimus Design.Inc


Optimus Design.Inc We do play with design giving handsome look!

Optimus Design.Inc


GET READY! Let’s play with type and have fun! Optimus Brand Typography - Detail Section - 05 Page - 34

O db OPTIMUS

DESIGN

BRAND


Optimus Design.Inc

4.3 MISUSES OF LOGOTYPE Don’t change the size & relation of the logotype

Optimus Design.Inc

Don’t add any effects like shadow, gradient and more

Optimus Design.Inc

Don’t compress the logo symbol and logo type

Optimus Design.Inc

Don’t place the logotype over busy photographs

Optimus Design.Inc

Optimus Design.Inc / Version 4.0 / 2015

Optimus Design.Inc

This is the perfect size & relation of the logotype

Don’t place the logotype having insufficient contrast

Don’t stretch the logo symbol and logo type

Optimus Design.Inc

Don’t change the color of the logo symbol & type

Page 33


05 Optimus Brand Typography


Optimus Design.Inc

Representing Optimus Brand Typography 5.1 Corporate Typeface 5.2 Primary Font 5.3 Secondary Font 5.4 Allign with Grid 5.5 Type Hierarchy 5.6 Misuse


10.1 Selection of primary & secondary typefaces

Typography, this is a wonderful

personality for communicating

thing. Brand typefaces usually

successfully to targeted readers

play an essential role in design;

& customers. Optimus brand

sometime it’s been considered

have selected Open Sans as our

that type is more important than

primary font and Raleway as

designs elements. Typography

our secondary corporate font;

helps to express our message

which allows us to represent our

to our readers. Using the careful

messages from the enthusiastic

use of typography reinforce our

to the practical understanding.

Optimus brand have selected Open Sans as our primary corporate font; which allows us for representing our messages from the enthusiastic to the practical understanding.


Optimus Design.Inc

5.2 PRIMARY FONT Proper selection of primary font & in detail

Optimus brand have selected Open Sans as our primary corporate font; which allows us for representing our messages from the enthusiastic to the practical understanding. Using the careful use of typography reinforce our brand personality to valued customers. Designer of Open Sans: Steve Matteson

BOLD

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

FIGURES

SPECIAL CHARACTERS

0

1

2

3

4

5

6

7

8

9

! “ § $ % & / ( ) = ? ` ; : ¡ “ ¶ ¢ [ ] | { } ≠ ¿ ‘ « ∑ € ® † Ω ¨ ⁄ ø π • ± ‘ æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç √ ~ µ ∞ … – ≤ < > ≥ ˘ › ‹ ◊

Optimus Design.Inc / Version 4.0 / 2015

Page 37


Optimus Design.Inc

5.3 SECONDARY FONT Proper selection of secondary font & in detail

Optimus brand have selected Raleway as our secondary corporate font; which allows us for representing our messages from the enthusiastic to the practical understanding. Using the careful use of typography reinforce our brand personality to valued customers. Designer of Open Sans: Steve Matteson

BOLD

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

FIGURES

SPECIAL CHARACTERS

0

1

2

3

4

5

6

7

8

9

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

¢

[

]

|

{

}

¿

« ∑ € ® † Ω ¨ ⁄ ø π • ± ‘ æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç √ ~ µ ∞ … – ≤ < > ≥ ˘ › ‹ ◊ Page 38

2015 / Version 4.0 / Optimus Design.Inc


Optimus Design.Inc

5.4 ALLIGN WITH GRID Maintaning the proper process of allignment

Optimus brand have selected Open Sans as our primary corporate font; which allows us for representing our messages from the enthusiastic to the practical understanding. Using the careful use of typography reinforce our brand personality to valued customers. Designer of Open Sans: Steve Matteson

MAKE IT PERFECT WITH OPTIMUS BRAND

Playing with... proper process of the allignment

DESIGNS By - John Millerson

Nothing to say just feel the joy & Have lots of fun!!! Optimus Design.Inc

Optimus Design.Inc / Version 4.0 / 2015

Optimus Design.Inc

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with release.

Page 39


Optimus Design.Inc

5.5 TYPE HIERARCHY Maintaining proper level of hierarchy & in detail

One of the most important techniques for communicating properly is the use of typographic hierarchy. It’s another form of visual hierarchy, a sub-hierarchy per se in an overall design project; to establishe an order of importance within the data. Typographic hierarchy creates contrast between elements. Designers achieve this through the use of typefaces, size, weight, capital and lowercase letters, orientation and color.

CAPTION TEXT

Optimus Design.Inc (Sample Text) Open Sans Regular - 6 Point Type & 0 Point Tracking or Leading Open Sans Bold - 6 Point Type & 0 Point Tracking or Leading

COPY TEXT

Optimus Design.Inc (Sample Text) Open Sans Regular - 8 Point Type & 0 Point Tracking or Leading Open Sans Bold - 8 Point Type & 0 Point Tracking or Leading

HEADLINE TEXT

Optimus Design.Inc (Sample Text) Open Sans Regular - 8 Point Type & 0 Point Tracking Open Sans Bold - 8 Point Type & 0 Point Tracking or Leading

SUBLINE TEXT

Optimus Design.Inc (Sample Text) Open Sans Regular - 14 Point Type & 0 Point Tracking Open Sans Bold - 14 Point Type & 0 Point Tracking or Leading

LARGE TITLE

Optimus Design.Inc Open Sans Regular - 26 Point Type & 0 Point Tracking Open Sans Bold - 26 Point Type & 0 Point Tracking or Leading

Page 40

2015 / Version 4.0 / Optimus Design.Inc


Optimus Design.Inc

5.6 MISUSE Don’t change the size & relation of the logotype

Optimus Design.Inc

Don’t add any effects like shadow, gradient and more

Optimus Design.Inc

Don’t compress the typography and designs

Optimus Design.Inc

Don’t place the typography over busy photographs

Don’t use the unnecessary level of leading

Optimus Design.Inc

Optimus Design.Inc to make your design simply perfect

Optimus Design.Inc to make your

Optimus Design.Inc tomake your desig perfect

Optimus Design.Inc / Version 4.0 / 2015

Don’t place the type having insufficient level of contrast

Don’t stretch the typography and designs

Optimus Design.Inc

design simply perfect

This is the perfect size & relation of the logotype

Don’t use too many type styles in one layout

Avoid use of hyphenation in headlines & texts

Page 41


06 Optimus Brand Colors


Optimus Design.Inc

Representing Optimus Brand Colors 6.1 Corporate Colors 6.2 Primary Color 6.3 Secondary Color 6.4 More use of Colors


Optimus Design.Inc

6.1 CORPORATE COLORS

02

Core colors of Optimus brand & way to use these colors properly

Color can bring the rhythm in a

to represtent the brand identity

design. It inspires and connects

to our relevant media. Choose

people all together. Bright, pure

the core colors as the primary

and energetic colors play vital

color in your layout. The lighter

role to represent the corporate

and darker tints may be used as

identity. A palette of primary

highlights and accents. Please

colors has been developed;

check out with the designer

which will give a extraodinary

and printer while using the

look of the Optimus Design.Inc

corporate core colors.

The Optimus Design.Inc has two primary official colors: Yellow and Black. These colors have become a recognizable identifier for the company. The secondary colors are complementary to our official colors, but are not recognizable identifiers for Optimus Design.Inc company. Secondary colors would be used in less than 10 percent of the palette in one piece.

Page 44

2015 / Version 4.0 / Optimus Design.Inc


Optimus Design.Inc

6.2 PRIMARY COLORS How to use the primary color & it’s detail

A palette of primary colors has been developed; which will give a extraodinary look of the Optimus Design.Inc to represent the brand identity to our relevant media. Choose the core colors as the primary color in your layout. The Optimus Design.Inc has two primary official colors: Yellow and Black. These colors have become a recognizable identifier for the company.

Yellow C0 M5 Y100 K0 R255 G242 B0 HEX #FF200

Black C75 M68 Y67 K90 R0 G0 B0 HEX #000000

100%

100%

80%

80%

05

60%

Color tones of selected Yellow & Black color

40%

40% 20%

Optimus Design.Inc / Version 4.0 / 2015

60%

20%

Page 45


Optimus Design.Inc

6.3 SECONDARY COLORS How to use the secondary color & it’s detail

A palette of secondary colors has been developed; which will give a extraodinary look of the Optimus Design.Inc to represent the brand identity to our relevant media. The secondary colors are complementary to our official colors, but are not recognizable identifiers for Optimus Design.Inc company. Secondary colors would be used in less than 10 percent of the palette in one piece.

Yellow C0 M5 Y100 K0 R255 G242 B0 HEX #FF200

Cyan C69 M14 Y0 K0 R0 G174 B239 HEX #00AEEF

100%

100%

80%

80%

05

60%

Color tones of selected Yellow & Cyan color

40%

40% 20%

Page 46

60%

20%

2015 / Version 4.0 / Optimus Design.Inc


Optimus Design.Inc

6.4 MORE USE OF COLORS How to use the secondary & more colors with detail

A palette of secondary colors has been developed; which will give a extraodinary look of the Optimus Design.Inc to represent the brand identity to our relevant media. The secondary colors are complementary to our official colors, but are not recognizable identifiers for Optimus Design.Inc company. Secondary colors would be used in less than 10 percent of the palette in one piece.

Green C75 M5 Y100 K0 R65 G173 B73 HEX #41AD49

90%

70%

50%

30%

Magenta C1 M99 Y1 K0 R236 G0 B140 HEX #EC008C

90%

70%

50%

30%

Grey C70 M63 Y62 K59 R50 G50 B50 HEX #323232

90%

70%

50%

30%

Orange C0 M43 Y100 K0 R255 G161 B0 HEX #FFA100

90%

70%

50%

30%

Optimus Design.Inc / Version 4.0 / 2015

Page 47


Optimus Design.Inc

6.5 MISUSE Try to make sufficient contrast in white background

This is the perfect combination of black & white

Optimus Design.Inc

Don’t add any effects like shadow, gradient and more

Optimus Design.Inc

Optimus Design.Inc

Don’t place the logotype having insufficient contrast

Don’t place the logotype over busy photographs

Optimus Design.Inc

Optimus Design.Inc

Don’t use unnecessary color of symbol & type

Avoid using too many colors behind the design & type

Optimus Design.Inc

Optimus Design.Inc

Avoid low contrast combination of symbol & type

Page 48

2015 / Version 4.0 / Optimus Design.Inc


LET’S MAKE DESIGN HAPPY WITH COLORS


07 Optimus Brand Grids & Tile


Optimus Design.Inc

Representing Optimus Brand Grid & Tile 7.1 Corporate Grid System 7.2 Corporate Tile


Optimus Design.Inc

7.1 CORPORATE GRID SYSTEM How to maintain corporate grid system properly

In a design, grid is the tool to organize the visual identity. Based on grid; designers built on every layout. It helps to represent our message in a super clean and direct way. Grid is made with the combination of vertical, horizontal and angular or curved guidelines are used to structure content.

MAKE IT PERFECT WITH OPTIMUS BRAND

Playing with... proper process of the allignment

DESIGNS By - John Millerson

Nothing to say just feel the joy & Have lots of fun!!! Optimus Design.Inc

Page 52

Optimus Design.Inc

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with release.

2015 / Version 4.0 / Optimus Design.Inc


Optimus Design.Inc

7.1 CORPORATE GRID SYSTEM

A4

A4 vertical grid system of Optimus brand with examples

Optimus Design.Inc / Version 4.0 / 2015

Page 53


Optimus Design.Inc

7.1 CORPORATE GRID SYSTEM

A4

A4 vertical grid system of Optimus brand with examples

Page 54

2015 / Version 4.0 / Optimus Design.Inc


Optimus Design.Inc

7.1 CORPORATE GRID SYSTEM

A3

A3 vertical grid system of Optimus brand with examples

Just imagine from your playful mind that what actually you love to design & have fun By - Elina Smith

that make you

HAPPY!!! In a design, grid is the tool to organize the visual identity. Based on grid; designers built on every layout. It helps to represent our message in a super clean and direct way. Grid is made with the combination of vertical, horizontal and angular or curved guidelines are used to structure the contents.

Optimus Design.Inc / Version 4.0 / 2015

Grid is made with the combination of vertical, horizontal and angular or curved guidelines By - Bryan Doe

design

with the

Adventure

Page 55


Optimus Design.Inc

7.1 CORPORATE GRID SYSTEM ON THE

DESIGN

SCREEN These are the approved on screen layout of Optimus brand while using various official purposes; as for presentation purposes and more.

ON THE

DESIGN ON THE

SCREEN

In a design, grid is the tool to organize the visual identity. Based on grid; designers built on every layout. It helps to represent our message.

SCREEN

In a design, grid is the tool to organize the visual identity. Based on grid; designers built on every layout. It helps to represent our message in a super clean and direct way.

DESIGN SCREEN ON THE

In a design, grid is the tool to organize the visual identity. Based on grid; designers built on every layout. It helps to represent our message in a super clean and direct way.

DESIGN SCREEN ON THE

Page 56

1

2

3

LAPTOP

TABLET

MONITOR

2015 / Version 4.0 / Optimus Design.Inc


Optimus Design.Inc

7.2 CORPORATE TILE Using tiles that works as defining design elemnt

In a design, tile works as defining design elemnt which helps to represent our message in a super clean and direct way. Using tiles may create the focal point of the design and type; that makes the total design legible and interesting to the viewers. A content tile may contain the primary communication information—headline, subhead, body copy and call to action.

HOW TO PLACE THE

LOGO ON TILES Here are the examples to place logo inside tile or outside with

MAKE IT PERFECT WITH OPTIMUS BRAND

MAKE IT PERFECT WITH OPTIMUS BRAND

Optimus Design.Inc

corporate grid system. May use transparency when the content tiles interact with photo; not less than 75% of opacity. As useful and memorable as tiles can be, overusing tiles can dilute their impact and crowd your layout as well as design.

Optimus Design.Inc

Here are the examples to place logo inside tile or outside with corporate grid system. May use transparency when the content tiles interact with photo; not less than 75% of opacity. As useful and memorable as tiles can be, overusing tiles can dilute their impact and crowd your layout of design.

Optimus Design.Inc / Version 4.0 / 2015

Page 57


08 Optimus Brand Images


Optimus Design.Inc

Representing Optimus Brand Images 8.1 Corporate Image: Colored 8.2 Corporate Image: Black and White 8.3 Other Blending Modes


8.1 OPTIMUS BRAND CORPORATE IMAGES HOW TO FIT IN THIS GUIDE Optimus brand have a portfolio of world-class designs and experts. With our design elements and principles, we use to communicate a collective vision to our valuable customers, all over the country as well as world. These guidelines cover both the shared design elements are used by Optimus brands & our image unique gudelines.


Optimus Design.Inc

8.2 COLORED IMAGE GUIDE TO USE COLORED IMAGE Optimus brand have a portfolio of world-class designs and experts. With our design elements and principles, we use to communicate a collective vision to our valuable customers, all over the country as well as world. Requiremnts: - High contrast - High quality image - Desaturate colors - Professional look

Optimus Design.Inc / Version 4.0 / 2015

Page 61


Optimus Design.Inc

8.3 BLACK & WHITE IMAGE USING BLACK & WHITE IMAGE Optimus brand have a portfolio of world-class designs and experts. With our design elements and principles, we use to communicate a collective vision to customers. Requiremnts: - Black & white images - High contrast image - High quality image - Desaturate colors - Professional look

Page 62

2015 / Version 4.0 / Optimus Design.Inc


Optimus Design.Inc

8.4 BLENDING MODES GUIDE TO USE BLENDING MODES Optimus brand have a portfolio of world-class designs and experts. Blending modes helps to make differentiation of layout giving competitive advantage than others graphic elements & image. Requiremnts: - High contrast - High quality image - In black & white images - Using placeholders of black or given color

Optimus Design.Inc / Version 4.0 / 2015

Page 63


09 Optimus Brand Icons


e

Optimus Design.Inc

Representing Optimus Brand Icons 9.1 Corporate Iconography 9.2 Example of Corporate Icons


Optimus Design.Inc

9.1 CORPORATE ICONOGRAPHY

love Optimus Brand

FALL IN

with the design of

Icons can bring the rhythm in a

an icon in our Optimus Design.

design. It inspires and connects

Inc marketing communications,

design all together. Bright, pure

such as an arrow as a call-to-

and energetic icons play vital

action in a banner ad, use the

role to represent the corporate

same UI icons. Icons are used

identity. Icons are generally

for on screen purposes to make

used in product as a call-to-

the visual presentation more

action or for purpose of quick

interactive & legible to viewers.

reference. As example - to use a

Use icons in proper places.

Page 66

Requirements: - Use icons while the words won’t work. - Background of icons to be white or black or on tiles. -

Avoid

using

icons

if

will need to provide any complex idea.

2015 / Version 4.0 / Optimus Design.Inc


Optimus Design.Inc

9.2 EXAMPLE OF ICONS GUIDE TO USE VARIOUS ICONS Optimus brand have a portfolio of world-class designs and experts. Icons helps to make differentiation of layout giving competitive advantage than others graphic elements & image. Requiremnts: - High contrast - Use with background - Minimus size of stroke to be 0.5 pt - Using placeholders of black or given color

Optimus Design.Inc / Version 4.0 / 2015

Page 67


10 Optimus Brand Stationery


e

Optimus Design.Inc

Representing Optimus Brand Stationery 10.1 Corporate Stationery 10.2 Corporate Letterhead 10.3 Business Card 10.4 Envelope 10.5 On Screen Pages 10.6 Posters & Print Ads


10.1

INTRODUCTION CORPORATE STATIONERIES HOW TO FIT IN THIS GUIDE In a design, corporate stationery works as defining design element which helps to represent our message in a super clean and direct way. Using stationery items may create the focal point of the design and type; that makes the total design legible and interesting to the viewers. A corporate stationery may contain the primary communication information—headline, subhead, body copy and call to action and more.

Corporate stationeries work as defining the design elements all together; creating brand personality


Optimus Design.Inc

10.2 LETTERHEAD GUIDE TO USE LETTERHEAD Optimus brand have a portfolio of world-class designs and experts. With

Optimus Design.Inc

our design elements and principles, we use to communicate a collective vision to our valuable customers, all over the country as well as world. Usage: This letterhead can be used for all corporate communication purposes of Optimus brand. Requiremnts: - High contrast text color - High quality image - Dimensions 297x210mm - DIN A4 and letter size - Professional look - Weight 123g/m - Print format CMYK

Optimus Design.Inc / Version 4.0 / 2015

Mr. Jason Silvaa Brain Game Design.Co Parkview Street, California, United States Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type. And scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently With desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type. And scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially uncha. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type. Mrs. Isabella Rosen Optimus Design.Inc

Page 71


Optimus Design.Inc

10.3 BUSINESS CARD Optimus Design.Inc

FRONT

Mrs. Isabella Rosen Professional Graphic Designer Phone: +1 2345 6789 10 Email: optimuslr@yahoo.com Address: 1234 House, 5 Road, 7 Avenew, NY, USA v isit here www. op t i m us d e s i g n. i nc

GUIDE TO USE BUSINESS CARD Optimus brand have a portfolio of world-class designs and experts. With our design elements and principles, we use to communicate a collective vision to our valuable customers, all over the country as well as world.

Optimus Design.Inc

Usage: This business card can be used for all corporate

BACK

communication purposes of Optimus brand. BELIEVE IN BEST OR NOTHING

Requiremnts: - High contrast text color - High quality image - Dimensions 85x55 mm - Professional look - Weight 120g/m - Print format CMYK

Page 72

2015 / Version 4.0 / Optimus Design.Inc


Optimus Design.Inc

10.4 ENVELOPE GUIDE TO USE ENVELOPE Optimus brand have a portfolio of world-class designs and experts. With our design elements and principles, we use to communicate a collective vision to our valuable

Optimus Design.Inc BELIEVE IN BEST OR NOTHING

customers, all over the country as well as world.

FRONT

Usage: This envelope can be used for all corporate communication purposes of Optimus brand. Requiremnts:

Optimus Design.Inc

- High contrast text color - Dimensions 220x110mm - Professional look - Weight 400g/m

v i si t he r e www. op t i m usd e si gn. i nc

- Print format CMYK

BACK

Optimus Design.Inc / Version 4.0 / 2015

Page 73


Optimus Design.Inc

10.5 ON SCREEN PAGES GUIDE TO USE ON SCREEN PAGES

DESIGN ON THE

DESIGN ON THE

SCREEN

In a design, grid is the tool to organize the visual identity. Based on grid; designers built on every layout. It helps to represent our message.

SCREEN

Optimus brand have a portfolio of world-class

In a design, grid is the tool to organize the visual identity. Based on grid; designers built on every layout. It helps to represent our message in a super clean and direct way.

designs and experts. With

DESIGN SCREEN ON THE

our design elements

In a design, grid is the tool to organize the visual identity. Based on grid; designers built on every layout. It helps to represent our message in a super clean and direct way.

and principles, we use to DESIGN SCREEN ON THE

communicate a collective vision to our valuable customers, all over the country as well as world. Usage:

1

2

LAPTOP

TABLET

These on screen layouts can be used for all corporate communication purposes of Optimus design.inc brand. Requiremnts: - High contrast text color - High quality image - Resolution 768x1024 px - Professional look - Format RGB

Page 74

2015 / Version 4.0 / Optimus Design.Inc


Optimus Design.Inc

10.6 PRINT ADS GUIDE TO USE PRINT ADS Optimus brand have a portfolio of world-class designs and experts. With our design elements and

Optimus Design.Inc

LET’S MAKE DESIGN HAPPY WITH COLORS

We do play with design giving handsome look!

principles, we use in our country as well as world. Usage: The layout of print ads can be used for all corporate communication purposes of Optimus brand. Requiremnts: - High contrast text color - High quality images - Dimensions 24x36 inch - DIN A4 and letter size - Professional look - Weight 200g/m - Print format CMYK

Optimus Design.Inc

We Love Extraordinary IDEAS...

Optimus Design.Inc / Version 4.0 / 2015

Page 75


11 Optimus Brand Summery


e

Optimus Design.Inc

Representing Optimus Brand Summery 11.1 Summery 11.2 Contact


11.1

OPTIMUS BRAND GUIDELINES SUMMERY HOW TO FIT IN THIS GUIDE More than a name or a logo. More than a name or a logo on a box. And more than what the box contains. What’s inside the box may change or to be succeeded by some other product that’s better, faster and less expensive. The guidelines that directs communications for Optimus products and services are part of a larger effort to build awareness, understanding and preference for the Optimus brand and products and services in the markets in which we compete. To build a brand that endures. The Optimus Design.Inc brand including the logo, name, colors and identifying elements are reserved as company assets. We are responsible for protecting the company’s interests throw preventing unauthorized use of the Optimus Design. Inc name and marks.


Optimus Design.Inc

11.2 CONTACT CONTACT INFORMATION We have tried to focus our brands portfolio of world-class designs and experts; from our company brand guideline. Here you’ll got to know brand tools has additional resources and guidance on the entire Optimus

Mr. David Mcwale, Head of Support Team 123 Sweet Street, 01 House, 4/S Brooklyn, NY optimusdesign.inc@support.com optimusdesign.inc/information/support

brand. If you ever have any question regarding our visual identity; please feel free to contact with our specila team.

Optimus Design.Inc / Version 4.0 / 2015

Scan to Download Total Gudeline and Information

Page 79


TO MAKE YOUR DESIGN STRONG & GREAT

CONTACT Address Optimus Design.Inc Avenue 03, ParkStreer 123 New York United States

O D Optimus Design.Inc

Log On:

www.optimusdesign.inc.org Scan to Download Total Gudeline and Information

Optimus Design.Inc Confidential


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.