Brand Guideline v 3

Page 1

DESIGN AND IDENTITY GUIDELINE O D Optimus Design.Inc

BELIEVE IN BEST 11/17/2015

CONTACT Address

Phone & Fax

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@odesign.com Email 2: premade@odin.com

Fax:

Web: www.optimusdesign.com

+0 111 2222 333


Brand Guideline


content TABLE OF

PAGE 06 | SECTION 01 | BRAND MANUAL INTRODUCTION PAGE 08 | SECTION 02 | BRAND ELEMENTS PAGE 12 | SECTION 03 | BRAND LOGO PAGE 18 | SECTION 03 | CORPORATE TYPOGRAPHY PAGE 22 | SECTION 03 | BRAND COLORS PAGE 26 | SECTION 03 | GRID SYSTEM PAGE 30 | SECTION 03 | IMAGERY PAGE 32 | SECTION 03 | BRAND ICON PAGE 34 | SECTION 03 | STATIONERY PAGE 38 | SECTION 03 | SUMMERY PAGE 40 | SECTION 04 | CONTACT


01 1.1 Introduction 1.2 Our Mission


1

Brand Basics S E CTI O N 01


1.1 INTRODUCTION TO BRAND GUIDELINES HOW TO FIT IN T H I S GUI D E 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 these.

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.

BRAND GUIDELINE VERSION 4.0

7

OPTIMUS DESIGN.INC / YEAR 2015


02 2.1 Logo Elements

2.2 Clear Space and Size

2.3 Acceptable Background 2.4 Logo Placement


2

Brand Basics S E CTI O N 02


Optimus Design.Inc

2.1 LOGO ELEMENTS 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.

our people, and our brand

The 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 of designing.

The Optimus brand’s logo have two components, the logo symbol and logo type. The logo Symbol is palying powerful role in visualizing the company’s strong promises, and the logotype that’s being used Open Sans typeface to brand our products and marketing communications. It also directly addresses the Optimus Design.Inc brands inner feeling of design in life and at work. 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. The symbol alone is only used as a icon by corporate sites: Facebook, Twitter, and YouTube. No other use is allowed. If you have further query please contact support@optimusdesign.inc.com

SYMBOL

LOGOTYPE

Optimus Design.Inc LOGO

BRAND GUIDELINE VERSION 4.0

10

OPTIMUS DESIGN.INC / YEAR 2015


Optimus Design.Inc

2.2 CLEAR SPACE & SIZE 1 TO FIT I N W I T H CLEA R S P A C E 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 M IN IM UM SIZ E O F L O G O

Optimus Design.Inc

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

The Optimus brand logo represents its visual strength in various sizes. In print, the logo should

Optimus Design.Inc

never appear smaller than 1” (25 mm). On-screen, it

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

must appear at least of 70 pixels wide total logo. There is no maximum

Optimus Design.Inc

size for Optimus brand. Whenever using the

On screen: 151.2 px Print: 1.58” (40 mm)

Optimus logo at very large sizes (over 3 feet wide) you will need to adjust the size and position of the ®.

BRAND GUIDELINE VERSION 4.0

11

OPTIMUS DESIGN.INC / YEAR 2015


Optimus Design.Inc

2.3 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

Optimus Design.Inc

LOGO A

SOLID BLACK

Optimus Design.Inc

LOGO B

GREY COLOR

Optimus Design.Inc

LOGO C

CYAN COLOR

Optimus Design.Inc

LOGO D

Background Type

Background Type

Background Type

Background Type

BRAND GUIDELINE VERSION 4.0

12

Colored Version

Colored Version

Colored Version

Colored Version

OPTIMUS DESIGN.INC / YEAR 2015


Optimus Design.Inc

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

BRAND GUIDELINE VERSION 4.0

13

OPTIMUS DESIGN.INC / YEAR 2015


03 3.1 Corporate Typeface 3.2 Primary Typeface

3.3 Secondary Typeface 3.4 Type Hierarchy


3

Typography S E CTI O N 03


3.1 S ELECTI ON OF THE CO R PO RATE/B RA ND TYP EFA C ES

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.

BRAND GUIDELINE VERSION 4.0

16

OPTIMUS DESIGN.INC / YEAR 2015


Optimus Design.Inc

3.2 FONT INFORMATION PRO PER SELEC TI ON OF PRI MARY F ONT & I N D ETAI L

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

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

BRAND GUIDELINE VERSION 4.0

17

OPTIMUS DESIGN.INC / YEAR 2015


Optimus Design.Inc

3.3 SECONDARY FONT PRO PER SELEC TI ON OF PRIMARY F ONT & I N D ETAI L

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

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

BRAND GUIDELINE VERSION 4.0

18

OPTIMUS DESIGN.INC / YEAR 2015


Optimus Design.Inc

3.4 TYPE HIERARCHY M AINTAINI NG TH E LEV EL OF HI ERARC H Y & IN D ETAI L

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

BRAND GUIDELINE VERSION 4.0

19

OPTIMUS DESIGN.INC / YEAR 2015


04 4.1 Corporate Colors 4.2 Primary Colors

4.3 Secondary Colors 4.4 More Colors


4

Brand Colors S E CTI O N 04


Optimus Design.Inc

4.1 CORPORATE COLORS

02

CORE C OLORS OF OPTI MUS B RAND

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.

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

BRAND GUIDELINE VERSION 4.0

22

OPTIMUS DESIGN.INC / YEAR 2015


Optimus Design.Inc

4.2 PRIMARY COLORS HOW TO USE TH E PRIMARY C OLOR & I T’S D ETAI L

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.

CYAN C0 M5 Y100 K0 R255 G242 B0 HEX #FF200

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

BRAND GUIDELINE VERSION 4.0

60%

20%

23

OPTIMUS DESIGN.INC / YEAR 2015


Optimus Design.Inc

4.3 SECONDARY COLORS HOW TO USE TH E SECO NDARY C OLORS & IT’S D ETAI L

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%

BRAND GUIDELINE VERSION 4.0

60%

20%

24

OPTIMUS DESIGN.INC / YEAR 2015


Optimus Design.Inc

4.4 MORE USE OF COLORS MORE C OLORS WI TH MORE DETAI L ANALYSIS

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%

BRAND GUIDELINE VERSION 4.0

25

OPTIMUS DESIGN.INC / YEAR 2015


05 5.1 A4 Vertical Grid System 5.2 A3 Vertical Grid System


5

Corporate Grid S E CTI O N 05


Optimus Design.Inc

5.1 A4 VERTICAL GRID

A4

A4 vertical grid system of Optimus brand with examples

BRAND GUIDELINE VERSION 4.0

28

OPTIMUS DESIGN.INC / YEAR 2015


Optimus Design.Inc

5.2 A3 VERTICAL GRID

A3

A3 vertical grid system of Optimus brand with examples

76

By - Elina Smith

imagine from your imagine from your “ Just “ Just playful mind that what playful mind that what actually you love to design & have fun

actually you love to design & have fun

By - Elina Smith

By - Elina Smith

imagine from your imagine from your “ Just “ Just playful mind that what playful mind that what actually you love to design & have fun

actually you love to design & have fun

By - Elina Smith

By - Elina Smith

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

By - Elina Smith

HAPPY!!!

actually you love to design & have fun

that make you

actually you love to design & have fun

design

imagine from your imagine from your “ Just “ Just playful mind that what playful mind that what

Adventure with the

Grid is made with the combination of vertical, horizontal and angular or curved guidelines are used to structure the contents. 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,

BRAND GUIDELINE VERSION 4.0

29

OPTIMUS DESIGN.INC / YEAR 2015


06 6.1 Colored Images

6.2 Black and White Images


6

Brand Image S E CTI O N 06


Optimus Design.Inc

6.1 COLORED IMAGES G U IDE T O US E COLOR E D I M A G E 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

BRAND GUIDELINE VERSION 4.0

32

OPTIMUS DESIGN.INC / YEAR 2015


Optimus Design.Inc

6.2 BLACK & WHITE IMAGES GUIDE TO US E OTHE R IMAGE S 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

BRAND GUIDELINE VERSION 4.0

33

OPTIMUS DESIGN.INC / YEAR 2015


07 7.1 Corporate Iconography 7.2 Example of Icons


7

Brand Icons S E CTI O N 07


Optimus Design.Inc

7.1 CORPORATE ICONS

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.

BRAND GUIDELINE VERSION 4.0

36

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.

OPTIMUS DESIGN.INC / YEAR 2015


Optimus Design.Inc

7.2 EXAMPLE OF ICONS G U IDE T O U S E V A RIO U S I C O NS 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

BRAND GUIDELINE VERSION 4.0

37

OPTIMUS DESIGN.INC / YEAR 2015


08 8.1 Corporate Letterhead 8.2 Business Card 8.3 Envelope

8.4 On the Screen


8

Stationery S E CTI O N 08


Optimus Design.Inc

8.1 LETTERHEAD G U IDE T O U S E LETTE R H E A D 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. 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

BRAND GUIDELINE VERSION 4.0

40

OPTIMUS DESIGN.INC / YEAR 2015


Optimus Design.Inc

8.2 BUSINESS CARD GUIDE TO US E BUS IN E S S CAR D Optimus brand have a portfolio of world-class

FRONT

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. USAGE: This business card can be used for all corporate

BACK

communication purposes of Optimus brand. REQUIREMNTS: - High contrast text color - High quality image - Dimensions 85x55 mm - Professional look - Weight 120g/m - Print format CMYK

BRAND GUIDELINE VERSION 4.0

41

OPTIMUS DESIGN.INC / YEAR 2015


Optimus Design.Inc

8.3 ENVELOPE G U IDE T O U S E EN V EL O P E 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. USAGE:

FRONT SIDE

This envelope can be used for all corporate communication purposes of Optimus brand. REQUIREMNTS: - High contrast text color - Dimensions 220x110mm - Professional look - Weight 400g/m - Print format CMYK

BACK SIDE

BRAND GUIDELINE VERSION 4.0

42

OPTIMUS DESIGN.INC / YEAR 2015


Optimus Design.Inc

8.4 ON THE SCREEN

1

2

3

LAPTOP

TABLET

DESKTOP

GUIDE TO USE:

USAGE:

REQUIREMNTS:

Optimus brand have a

These on screen layouts

- High contrast text color

portfolio of world-class

can be used for all

- High quality image

designs and experts. With

corporate communication

- Resolution 768x1024 px

our design elements

purposes of Optimus

- Professional look

and principles, we use to

design.inc brand.

- Format RGB

communicate a collective vision to our customers.

BRAND GUIDELINE VERSION 4.0

43

OPTIMUS DESIGN.INC / YEAR 2015


09 9.1 Guideline Summery

9.2 Contact Information


9

Summery S E CTI O N 09


10.1

SUMMERY OF CORPORATE BRAND MANUAL HOW TO FIT IN T H I S GUI D E 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.

BRAND GUIDELINE VERSION 4.0

46

OPTIMUS DESIGN.INC / YEAR 2015


Optimus Design.Inc

9.2 A3 VERTICAL GRID CON T A C T IN FOR M A T I O N We have tried our level best to focus our brands portfolio of world class designs and expert group; through our corporate extended brand guideline. Here you’ll got to know brand tools has additional resources and

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

guidance on the entire Optimus brand. If you have any question please feel free to contact with

S C AN T O D OW N L OAD T OT AL G U D E L IN E AN D IN F ORM AT ION

our specila team.

BRAND GUIDELINE VERSION 4.0

47

OPTIMUS DESIGN.INC / YEAR 2015


TO MAKE THE DESIGN STRONG & BEAUTIFUL O D Optimus Design.Inc

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

Log On: www.optimusdesign.inc.org S C AN T O D OW N L OAD T OT AL G U D E L IN E AN D IN F OR M AT ION


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.