MOL visual design system reduced.pdf

PROPRIETARY AND CONFIDENTIAL
MOL ACCESSORIES 2021
MOL
Typ
e

01 Logo

02 Slogan

03 Colours

04 Typography

05 Icons

06 Manifestations
CONTENTS

Every idea starts with a problem.
Ours was simple. How do we help
people be better versions of
themselves?

The answer - Provide Mobile
accessories to help them

Push the limits
B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
B
R
A
N
D
P
H
I
L
O
S
O
P
H
Y

V
I
S
.
V
E
R
0
.
1

Brave . Trustworthy . Advanced
B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
B
R
A
N
D
V
A
L
U
E
S

V
I
S
.
V
E
R
0
.
1

Clear space

Minimum clear space around the
logo ensures visibility and clarity.
The MOL logo should be kept
clear of other logos and
obstructive elements. To measure
clear space, the size of the "O," in
the MOL word mark is used.
Ourlogoisveryimportanttousso
don’tcrampitsstyle.Letithave
thespaceitneedsanddeserves.
B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
L
O
G
O

V
I
S
.
V
E
R
0
.
1

Reverse Logo

We do prefer our logo in its primary
brand colour but on very few occasions,
our logo can appear in white. Examples
of such occasions are when the
background colour doesn’t contrast
well with the primary brand logo and
on video content.
B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
L
O
G
O

V
I
S
.
V
E
R
0
.
1

Logo positioning

Our logo can be placed anywhere on
the right or centre of a layout as long as
adequate clear space is created around
the logo and no graphic elements or
images reduce its visual impact
bottom centre bottom right
top right
B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
L
O
G
O

V
I
S
.
V
E
R
0
.
1

Logo + Slogan

This should appear either
below the logo or to the
right of the logo as a stack.
The slogan should not be
repositioned in other ways
different from how it is
shown in the visual design
system.
‘Pushthelimits’isourbrand
philosophy.Weproudlyexpressit
asmuchaswecan.
B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
S
L
O
G
A
N

V
I
S
.
V
E
R
0
.
1

Brand Colours

We have adopted a colour palette
that is restricted to the colours
here. These colours can also be
used as tints or shades.

When combining colours, as a
general rule, at least 2 of the
brighter colours should be used
with one or more of the darker
colours. Try avoiding too many
dark colours as we like to be seen
as a bright and fun brand.
MOLbrandvisualdesignsystem
reliesheavilyontheuseofcolours.
Thepalettesconsistsofarangeof
coloursthatworkwellindifferent
combos.
R209 G48 B125

C4 M100 Y12 K0

#d1307d
R245 G187 B65

C0 M29 Y100 K0

#f5bb41
R226 G119 B47

C1 M69 Y100 K0

#e2772f
R133 G65 B128

C50 M92 Y15 K1

#854180
R64 G142 B219

C75 M37 Y0 K0

#408edb
R232 G231 B229

C8 M6 Y7 K0

#e8e7e5
R124 G127 B128

C54 M43 Y43 K8

#7c7f80
R51 G54 B59

C74 M65 Y57 K53

#33363b
R45 G59 B100

C94 M84 Y33 K21

#2d3b64
PRIMARY
COLOUR
SECONDARY
COLOURS
B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
C
O
L
O
U
R

V
I
S
.
V
E
R
0
.
1

League Gothic is our primary
typeface which means it should be
used wherever possible,
particularly for headlines and large
text. It is bold and grabs attention.

Glamour Absolute is our
supporting typeface. It is suitable
for short headlines and large text
wherever we need to convey a
retro or quirky style.

Avenir Next is our editorial
typeface which means it should be
used for large amounts of copy.
Weuse3typefacestocreatea
consistentlookwithallMOL
collateral.Besuretosticktoonly
these.
HEADLINES
AND
LARGE
COPY
BODYCOPY
AND
EDITORIAL
TEXT
LeagueGothic

AaBbCcDeEeFfGgHhIiJjKkLlMmNn
OoPpQqRrSsTtUuVvWwXxYyZz
Glamour Absolute

Aa Bb Cc De Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Avenir Next

Aa Bb Cc De Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr
Ss Tt Uu Vv Ww Xx Yy Zz

Aa Bb Cc De Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq
Rr Ss Tt Uu Vv Ww Xx Yy Zz
BOLD
AND
LARGE
TEXT
B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
T
Y
P
O
G
R
A
P
H
Y

V
I
S
.
V
E
R
0
.
1

Typography usage guide

Here are a few key type styles to get
you started. Stick to these and we’ll see
an excellent level of consistency across
all our communications. You may
encounter situations where you may
need to step outside of these styles.
That’s fine but consider these simple
rules:

Stick to the approved fonts.

Maintaining legibility and clarity is
always the key objective.

Don’t run more than 9 words to a line. It
becomes to difficult to read.

Tangle-freecables
Fast charging for iPhones
Happy Father’s Day
B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
T
Y
P
O
G
R
A
P
H
Y

V
I
S
.
V
E
R
0
.
1

At MOL, we present a lot a product
information and data. We made
sure we kept this in mind when
creating our brand. Our icon
based information graphics system
can be used in a variety of creative
ways - to enhance backgrounds,
present product features or as
primary imagery, are just a few
examples. As a rule, make sure to
keep designs and layouts simple
and uncluttered.
Ourcampaignsaresupportedbya
uniqueiconbasedinformation
graphicssystemwhichplaysabig
partinourdigitalandonline
presence.
B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
I
C
O
N
S

V
I
S
.
V
E
R
0
.
1

Icon usage

We really love our icons and get excited
when it’s used in really creative ways!
Few rules to follow:

Keep all icons on a layout consistent in
colour and line thickness.

Use only colours from the MOL colour
palette.

Icons used should reinforce the
message you are trying to convey.

Only use flat colours. Don’t use
gradients or drop shadows.

B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
I
C
O
N
S

V
I
S
.
V
E
R
0
.
1

B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
M
A
N
I
F
E
S
T
A
T
I
O
N
S

V
I
S
.
V
E
R
0
.
1
Bike branding

B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
M
A
N
I
F
E
S
T
A
T
I
O
N
S

V
I
S
.
V
E
R
0
.
1
Light box

16
MOL ACCESSORIES BRAND STORY VERSION 1.0
MOL ACCESSORIES PROPRIETARY AND CONFIDENTIAL 2021
Standees
B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
M
A
N
I
F
E
S
T
A
T
I
O
N
S

V
I
S
.
V
E
R
0
.
1

Gift bags
B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
M
A
N
I
F
E
S
T
A
T
I
O
N
S

V
I
S
.
V
E
R
0
.
1

Wrist bands
B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
M
A
N
I
F
E
S
T
A
T
I
O
N
S

V
I
S
.
V
E
R
0
.
1

Baseball cap
B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
M
A
N
I
F
E
S
T
A
T
I
O
N
S

V
I
S
.
V
E
R
0
.
1

Notepad & pen
B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
M
A
N
I
F
E
S
T
A
T
I
O
N
S

V
I
S
.
V
E
R
0
.
1

Notebook
B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
M
A
N
I
F
E
S
T
A
T
I
O
N
S

V
I
S
.
V
E
R
0
.
1

B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
M
A
N
I
F
E
S
T
A
T
I
O
N
S

V
I
S
.
V
E
R
0
.
1
Business cards

MOL INTERGRATED SERVICES LTD t: +234 9154 446 379 e: info@mol.ng f: @mol_nigeria i: mol_ng
Letterhead
B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
M
A
N
I
F
E
S
T
A
T
I
O
N
S

V
I
S
.
V
E
R
0
.
1

B
R
A
N
D
V
I
S
U
A
L
D
E
S
I
G
N
S
Y
S
T
E
M
-
M
A
N
I
F
E
S
T
A
T
I
O
N
S

V
I
S
.
V
E
R
0
.
1
MOL ACCESSORIES PROPRIETARY AND CONFIDENTIAL 2021

MOL visual design system reduced.pdf

Recommended

Recommended

More Related Content

Similar to MOL visual design system reduced.pdf

Similar to MOL visual design system reduced.pdf (20)

Recently uploaded

Recently uploaded (20)

MOL visual design system reduced.pdf