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