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â&#x20AC;&#x201D; 30/30 pt Sub-Head Roboto Bold â&#x20AC;&#x201D; 10/18 pt Body Copy Roboto Light â&#x20AC;&#x201D; 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