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â&#x20AC;&#x2122;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â&#x20AC;&#x2122;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â&#x20AC;&#x2122;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â&#x20AC;&#x2122;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â&#x20AC;&#x2122;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â&#x20AC;&#x2122;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