Brand Guidelines Jan 2016

Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

Brand GuidelinesJan 2016

Page 2: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

Table of

LogoPrimaryBilingual

TypographyArabic typeface

English typeface

ColorsColor System

Usage GuideUsage basics

Restrictions

Usage on non brand colors

Usage on photos

ApplicationsBusiness Card

Letterhead

Print

Digital

Contents

Page 3: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

Logo

Page 4: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

The Concept (Story)

The logo (typography) is designed in a way to bring out a metallic feeling, an element often associated with robotics. The interconnected lines are a smooth brushed metal look to give a sense of the future with orange circles in each letter to indicate an intelligence unit behind the robotic, along with power, and distinctiveness because of the sharp contrast.

Page 5: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

Primary Logo (Light Backgrounds)

Page 6: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

Primary Logo (Dark Backgrounds)

Page 7: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

Typography

Page 8: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

Primary Latin Typeface

MBZIRC uses the font “Corbel“ for all print collaterals in English. It

is recommended to use “Corbel Bold” for title headers and “Corbel

Regular” for the body text.

Corbel Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%^&*()_+

Corbel Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%^&*()_+

On-Screen Latin Typeface

MBZIRC uses the font “Droid Sans“ for all on-screen collaterals in

English. It is recommended to use “Droid Sans Bold” for title headers

and “Droid Sans Regular” for the body text.

Droid Sans Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890!@#$%^&*()_+

Droid Sans Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%^&*()_+

Typography (English)

Page 9: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

GE Dinar One Light

ا ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ ع غف ق ك ل م ن ه و ي1234567890!@#$%##@()_+

GE Dinar One Medium

ا ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ عغ ف ق ك ل م ن ه و ي1234567890!@#$%##@()_+

Primary Arabic Typeface

MBZIRC uses the font “GE Dinar One“ for all print collaterals in Arabic.

It is recommended to use “GE Dinar One Medium” for title headers

and “GE Dinar One Light for the body text.

Droid Arabic Kufi Regular

ا ب ت ث ج ح خ د ذ ر ز س ش صض ط ظ ع غ ف ق ك ل م ن ه و ي1234567890!@#$%^&*()_+

Droid Arabic Kufi Bold

ا ب ت ث ج ح خ د ذ ر ز س ش صض ط ظ ع غ ف ق ك ل م ن ه و ي1234567890!@#$%^&*()_+

On-Screen Arabic Typeface

MBZIRC uses the font “Droid Arabic Kufi“ for all on-screen collaterals

in Arabic. It is recommended to use “Droid Arabic Kufi Bold” for title

headers and “Droid Arabic Kufi Regular” for the body text.

Typography (Arabic)

Page 10: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

Usage Guide

Page 11: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

Color System

PANTONE 420 C

0

0

0

100

C

M

Y

K

PRINT

SCREEN

PANTONE 144 C

0

60

93

0

C

M

Y

K

248

149

28

#F8951C

R

G

B

HEX

0

0

0

#CECECE

R

G

B

HEX

PANTONE 368 C

9

0

43

38

C

M

Y

K

102

104

0

#66CC00

R

G

B

HEX

Primary Secondary

Page 12: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

Usage Guide

Page 13: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

Minimum Size

For maximum legibility, the minimum width for the

MBZIRC brandmark should be 50mm or 141.732pt.

50 mm or 141.732 pt.

Clear Space

The MBZIRC brandmark always needs breathing space. The minimum

breathing space can be measured by the height of letter Z in the logo.

Text and other graphics may not encroach upon this space.

Usage Basics

x = the height of Z

Page 14: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

Logo Guide

Page 15: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

Do not crop the logo. Do not stretch the logo. Do not rearrange the logo elements.

Do not add a dropshadow to the logo. Do not remove the word from the typemark.

Do not allow graphic elements,layout edges or borders within the minimum required clear space

Do not use colors that are not in the color palette.

Do not rotate the logo.

Restrictions

Page 16: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

Usage on non brand colors

Light

Solid

Use on pastel colours, and never use the coloured logo on a solid dark colour.

Page 17: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

Usage on photos

Use

Don’t use

Use on light background and never use on busy backgrounds.

Page 18: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

Applications

Page 19: Brand Guidelines - mbzirc.com€¦ · Letterhead Print Digital Contents. Logo. The Concept (Story) The logo (typography) is designed in a way to bring out a metallic feeling, an

Thank you for reading