Morisco brand manual

Page 1

Morisco Brand Manual WE WORKING UNDER PLEASSURE

Address: Morisco Pty Ltd

Free Toll: +0274-32-456

PO Box 16122

Phone: +0274-65-291

Collins Street West Victoria

Email: info@yourwebsite.com

Australia

Web: www.yourwebsite.com


TABLE OF CONTENTS

2


Table of Contents 1. Introduction....................................................................................................... 5 2. Logotype. . .......................................................................................................... 6 3. Color Palette. . .................................................................................................... 14 4. Typeface............................................................................................................ 16 5. Photography...................................................................................................... 22

3


INTRODUCTION

4


Introduction L

orem ipsum dolor sit

tortor ornare ac. Sed odio

Nam eu nulla pharetra,

amet, consectetur

tortor, scelerisque at mi ac,

sagittis elit in, porta purus.

fringilla finibus felis.

Nunc ut urna at leo auctor

adipiscing elit. Nulla at gravida orci, non accumsan

maximus sit amet nec

enim. Quisque vel tortor

Curabitur semper ex

diam. Cum sociis natoque

nisl. Donec ullamcorper

eget faucibus ultricies.

penatibus et magnis dis

efficitur mauris, nec

Pellentesque pharetra, orci

parturient montes, nascetur

volutpat ipsum aliquam a.

eu finibus posuere, velit risus

ridiculus mus. Duis iaculis

Aliquam interdum diam orci,

interdum nunc, in feugiat

tortor a egestas ultricies.

sed sodales felis hendrerit

ante neque ac tortor. Proin

Pellentesque a ex molestie,

nec.

at iaculis libero. Ut fringilla

varius ipsum ultrices,

tristique ligula in tempus.

commodo odio. Interdum et

Suspendisse volutpat,

In et faucibus lacus. Nunc

malesuada fames ac ante

magna in pulvinar fringilla,

risus purus, volutpat volutpat

ipsum primis in faucibus.

nibh massa dapibus tellus,

quam non, tempor molestie

Praesent sed augue non eros

ac fringilla ex est nec nunc.

mi. Aenean tempor, leo nec

efficitur mollis.

Phasellus aliquam faucibus

convallis mattis, orci erat

sapien vel efficitur. Fusce

placerat dolor, in pulvinar

mollis tortor nisl, et semper

nisi felis fermentum nunc.

Duis eleifend eleifend efficitur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras hendrerit enim sit amet iaculis consectetur. Nulla feugiat ullamcorper venenatis. Nam tincidunt sed ipsum at consectetur. Sed porta at lacus sed viverra. Duis purus elit, tincidunt vitae blandit eu, tempus quis massa. Integer sodales congue neque sed feugiat.

5


LOGOTYPE

Logotype Our logo is the most visible element of our identity—a universal signature across all Morisco communications. It’s a guarantee of quality that unites our diverse products and services. We use the same version in print, on screen, and on the side of our buildings. It’s simple. Easy to understand. No drop shadows, no glossy reflections, no flashy graphic effects. Our logo is a bold, simple, graphic statement. It signifies a touchpoint, and a connection. The logo is made up of two elements: the symbol and the logotype. While it is a simple logo, we must treat it nicely. The following pages cover the correct usage to ensure the logo always looks its best.

6


Primary Logotype

01

The first way we signify the presence of Morisco is with our Primary Logotype. It’s the clearest way we can identify our company visually. We should be signing off all of our communications with the logotype; our partner messages must be identified as coming from us, and you!

Logo

Symbol

Logotype

1. The Symbol

1. The Logotype

Consists of a powerful element

Consists of a powerful element evoking the culture of design

evoking the culture of design

services. This symbol is a polygon shape that resembles the

services. This symbol is a

letter “m” with yellow in the edge and black in the center.

polygon shape that resembles

Consists of a powerful element evoking the culture of design

the letter “m” with yellow in the

services. This symbol is a polygon shape that resembles the

edge and black in the center.

letter “m” with yellow in the edge and black in the center.

7


CLEARSPACE In order to preserve the integrity of the Primary

0.5 X

Logotype, it is important that no other logos, type or other graphic elements infringe on its space.

X

The minimum clearspace around the logotype is equivalent to 0.5 of the height of the logotype.

PRIMARY LOGOTYPE

1

2 1) Color Logo on light background 2) Color logo on dark background

LOGO ON COLOR BACKGROUNDS

3

4 3) Black blue logo on yellow background 4) Yellow logo on black blue background

MONOCHROME LOGOS

5

6 5) 85% Black logo on white background 6) White logo on 85% black background

8


02

Square Logotype If it’s impossible to use the Primary Logotype for some reason, you have the option of using the Square logotype. It’s still a good way of showing off the Morisco brand, so don’t you worry!

CLEARSPACE

0.3 X

PRIMARY LOGOTYPE

X

LOGO ON COLOR BACKGROUNDS

MONOCHROME LOGOS

In order to preserve the integrity of the Primary Logotype, it is important that no other logos, type or other graphic elements infringe on its space. The minimum clearspace to the around the logotype is equivalent to 1/3 of the width of the logotype.

9


03

Minimum Logo Sizes

Primary Logotype Minimum print size 20 mm x 7.33 mm Minimum digital size 56 px x 20 px

50 mm

40 mm

30 mm

Square Logotype Minimum print size 6.98 mm x 10 mm

04

Minimum print size 10 mm x 11.547 mm Minimum digital size 28 px x 32 px

Favicon Minimum size 16 px x 19 px

16 px

10

10 mm

Symbol & Favicon

Symbol

10 mm

15 mm

20 mm

25 mm

Minimum digital size 20 px x 29 px

20 mm


04

Application on a Background Image Our logo may also be used on an image background with sufficient contrast. Use an all-gray logo for use on light colored backgrounds, and an all-white version for dark backgrounds. When placing the logo onto imagery, please ensure that it is placed within an uncluttered image area to allow for maximum legibillity and visibility.

Light-colored, uncluttered imagery

Dark-colored, uncluttered imagery

Do not use a color logo on a photographic image.

11


05

Logotype Don’ts To maintain the integrity of the Morisco logo, and to promote the consistency of the brand, it is important to use the logo as described in these guidelines. The examples shown here illustrate possible misuses of the Morisco logo that should be avoided.

1

2

3

4

5

6

7

8

9

10

11

12

Grow Business With Us!

1. DON’T create a logo lockup with text

7. DON’T use non-approved colors

2. DON’T rearrange the logo elements

8. DON’T outline the logo

3. DON’T change the proportions betwen the symbol and

9. DON’T add a drop shadow to the logo

logotype 4. DON’T rotate the logo 5. DON’T stretch the logo 6. DON’T create a gradient logo

12

10. DON’T use our logo against a yellow background 11. DON’T place the logo on a color without sufficient contrast 12. DON’T use over a busy image


13


COLOR PALETTE

Color Palette Yellow is our hero colour. We use yellow to clearly signify the presence of Morisco in people’s lives, and to help our users immediately identify us. Use this colour generously for our type, charts and as a background. We have a select set of supporting neutral colours which help yello to sing. In the majority of uses, we want strong contrast between all of the colours used. Solid colours work best in printed applications and for text.The gradients are best applied in digital applications like our website and email.

14


100%

CMYK

: C5 M15 Y100 K1

RGB

: R241 G205 B17

Web

: #f0cc10

80%

60%

40%

20%

80%

60%

40%

20%

Color Tones

PRIMARY COLOR YELLOW

Color Gradient

100%

Color Tones

Color Gradient

PRIMARY DARK GREY CMYK

: C46 M26 Y15 K59

RGB

: R71 G87 B102

Web

: #475765

15


TYPEFACE

Typeface Typography is an important aspect of our brand identity. Our typographic style contributes to our distinctive aesthetic. The typography usage examples on the following pages should be followed to ensure all of our communications appear consistent. Our headline typeface for any web materials is Kontrapunkt Bob. Our primary typeface for any web materials is Roboto. We use the Light weight for standard copy and the Medium weight for anything more important than that.

16


Headline Typeface

Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Vv Ww Xx Yy Zz 1 2 3 4567890!@#$%^ &*()-+=:;”’><?/

Light

Kontrapunkt Bob

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Vv Ww Xx Yy Zz 1 2 3 4567890!@#$%^ &*()-+=:;”’><?/ 17


Primary Typeface

Roboto Light

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnop qrstuvwxyz1234567890!@#$%^&*()-+=:;”’><?/

Light Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnop qrstuvwxyz1234567890!@#$%^&*()-+=:;”’><?/

Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnop qrstuvwxyz1234567890!@#$%^&*()-+=:;”’><?/

Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnop qrstuvwxyz1234567890!@#$%^&*()-+=:;”’><?/

Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmno pqrstuvwxyz1234567890!@#$%^&*()-+=:;”’><?/

Medium Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnop qrstuvwxyz1234567890!@#$%^&*()-+=:;”’><?/

Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmno pqrstuvwxyz1234567890!@#$%^&*()-+=:;”’><?/

Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmno pqrstuvwxyz1234567890!@#$%^&*()-+=:;”’><?/

18


Typesetting Guides Use the following type hierarchy as a guide to set type in your layout. Adhering to these styles will ensure a consistent style across all Morisco communications. Header Kontrapunkt Bob Bold— 30/30 pt Sub-Head Roboto Bold — 10/18 pt Body Copy Roboto Light — 10/18 pt

Yellow 100%

Black 85%

On White Background

Lorem Ipsum Is Simply Dummy Text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at gravida orci, non accumsan enim. Quisque vel tortor nisl. Donec ullamcorper efficitur mauris, nec volutpat ipsum aliquam a. Aliquam interdum diam orci, sed sodales felis hendrerit nec. Suspendisse volutpat, magna in pulvinar fringilla, nibh massa dapibus tellus, ac fringilla ex est nec nunc. Phasellus aliquam faucibus sapien vel efficitur. Fusce mollis tortor nisl, et semper tortor ornare ac. Sed odio tortor, scelerisque at mi ac, fringilla finibus felis. Curabitur semper ex eget faucibus ultricies. Pellentesque pharetra, orci eu finibus posuere, velit risus interdum nunc, in feugiat ante neque ac tortor. Proin at iaculis libero. Ut fringilla tristique ligula in tempus. In et faucibus lacus. Nunc risus purus, volutpat volutpat quam non, tempor molestie mi. Duis eleifend eleifend efficitur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras hendrerit enim sit amet iaculis consectetur. Nulla feugiat ullamcorper venenatis. Nam tincidunt sed ipsum at consectetur. Sed porta at lacus sed viverra. Duis purus elit, tincidunt vitae blandit eu, tempus quis massa. Integer sodales congue neque sed feugiat.

19


White 100%

Black 85%

On Yellow Background

Lorem Ipsum Is Simply Dummy Text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at gravida orci, non accumsan enim. Quisque vel tortor nisl. Donec ullamcorper efficitur mauris, nec volutpat ipsum aliquam a. Aliquam interdum diam orci, sed sodales felis hendrerit nec. Suspendisse volutpat, magna in pulvinar fringilla, nibh massa dapibus tellus, ac fringilla ex est nec nunc. Phasellus aliquam faucibus sapien vel efficitur. Fusce mollis tortor nisl, et semper tortor ornare ac. Sed odio tortor, scelerisque at mi ac, fringilla finibus felis. Curabitur semper ex eget faucibus ultricies. Pellentesque pharetra, orci eu finibus posuere, velit risus interdum nunc, in feugiat ante neque ac tortor. Proin at iaculis libero. Ut fringilla tristique ligula in tempus. In et faucibus lacus. Nunc risus purus, volutpat volutpat quam non, tempor molestie mi. Duis eleifend eleifend efficitur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras hendrerit enim sit amet iaculis consectetur. Nulla feugiat ullamcorper venenatis. Nam tincidunt sed ipsum at consectetur. Sed porta at lacus sed viverra. Duis purus elit, tincidunt vitae blandit eu, tempus quis massa. Integer sodales congue neque sed feugiat.

20


White 100%

Black 85%

On Dark Background

Lorem Ipsum Is Simply Dummy Text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at gravida orci, non accumsan enim. Quisque vel tortor nisl. Donec ullamcorper efficitur mauris, nec volutpat ipsum aliquam a. Aliquam interdum diam orci, sed sodales felis hendrerit nec. Suspendisse volutpat, magna in pulvinar fringilla, nibh massa dapibus tellus, ac fringilla ex est nec nunc. Phasellus aliquam faucibus sapien vel efficitur. Fusce mollis tortor nisl, et semper tortor ornare ac. Sed odio tortor, scelerisque at mi ac, fringilla finibus felis. Curabitur semper ex eget faucibus ultricies. Pellentesque pharetra, orci eu finibus posuere, velit risus interdum nunc, in feugiat ante neque ac tortor. Proin at iaculis libero. Ut fringilla tristique ligula in tempus. In et faucibus lacus. Nunc risus purus, volutpat volutpat quam non, tempor molestie mi. Duis eleifend eleifend efficitur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras hendrerit enim sit amet iaculis consectetur. Nulla feugiat ullamcorper venenatis. Nam tincidunt sed ipsum at consectetur. Sed porta at lacus sed viverra. Duis purus elit, tincidunt vitae blandit eu, tempus quis massa. Integer sodales congue neque sed feugiat.

21


PHOTOGRAPHY

Photography Suspendisse volutpat, magna in pulvinar fringilla, nibh massa dapibus tellus, ac fringilla ex est nec nunc. Phasellus aliquam faucibus sapien vel efficitur. Fusce mollis tortor nisl, et semper tortor ornare ac. Sed odio tortor, scelerisque at mi ac, fringilla finibus felis.

22


Colored Images 1. Modern and Businesslike 2. When using more than one photo on the same page a mix of all types should be used. 3. Never run photos together that depict the same emotion and the same camera angle.

Blending Images 1. Use Yellow and Dark Color for background. 2. Adjust the image effect to luminosity and 75% of opacity

23


Address: Morisco Pty Ltd

Free Toll: +0274-32-456

PO Box 16122

Phone: +0274-65-291

Collins Street West Victoria

Email: info@yourwebsite.com

Australia

Web: www.yourwebsite.com


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.