Tokopedia - Brand Asset Guidelines

Download as pdf or txt
Download as pdf or txt
You are on page 1of 31

BRAND ASSET

GUIDELINES
Table of Content

01 The Logo 02 The Mascot 03 Illustration


Primary Signature Primary Signature Style

Color Color Topmoji

Clear Space + Ratio Clear Space + Ratio 04 Asset Link


Color + Background Color + Background Logo

Restriction Restriction Illustrations


The Overview
Logo
Primary Toped
Signature Mascot

Default
Fonts

Main
Color

● Subject title DD / MM / YYYY


The Logo
Our logo represents humility, dynamicity, and the power of an
aspiration. There’s opportunity in every dreams. And every dreams
that combined with creativity will make the opportunity become a
real thing.

● Subject title DD / MM / YYYY


Logo Primary Signature

● Subject title DD / MM / YYYY


Logo Primary Signature

● Subject title DD / MM / YYYY


Logo Clear Space + Ratio

The preferred amount of clear space around


the logo is equal to the height of the initial
“O”. Minimum size spesification ensure that
logo maintains it’s impact and legibility in
both print and digital applications. The logo
should never any smaller than 50 pixel wide
for digital application and 20mm for print
application.

● Subject title DD / MM / YYYY


Logo Color

Our logo represents humility, dynamicity, and


the power of an aspiration. There’s
opportunity in every dreams. And every
dreams that combined with creativity will
make the opportunity become a real thing.

● Subject title DD / MM / YYYY


Logo Color + Background

The preferred amount of clear space around the logo


is equal to the height of the initial “The Tokopedia logo
primary color is always either green or white. To
maintain legibility of the logo, always use the green
logo in bright color image or background. And always
use the white logo on dark color image or
background. Green background is always preferable
to be used for white logo.

When using image as a background, place the logo


on clean part of the image to avoid distractions.

Only use black and white and grayscale logo when


there’s some limitations with color printing with prior
permission from Tokopedia.

Never show the Tokopedia logo ini any other colors.”.


Minimum size spesification ensure that logo maintains
it’s impact and legibility in both print and digital
applications. The logo should never any smaller than
50 pixel wide for digital application and 20mm for print
application.

● Subject title DD / MM / YYYY


Logo Restriction

Do Not Misuse Our Logo

● Subject title DD / MM / YYYY


The Mascot
Mascot Primary Signature

The Tokopedia mascot is shoping bag shaped owl


named Toped. The mascot represent humility and
friendliness .

● Subject title DD / MM / YYYY


Mascot Color

The Tokopedia mascot is shoping bag shaped owl


named Toped. The mascot represent humility and
friendliness .

● Subject title DD / MM / YYYY


Mascot Clear Space + Ratio

The preferred amount of clear space around the


mascot is equal to the size of the eye. Minimum
size spesification ensure that the mascot
maintains it’s impact and legibility in both print
and digital applications. The mascot should never
any smaller than 20 pixel wide for digital
application and 10 mm for print application.

● Subject title DD / MM / YYYY


Mascot Color + Background

The Tokopedia mascot primary color is always either


green or white. To maintain legibility of the logo,
always use the green logo in bright color image or
background. And always use the white logo on dark
color image or background. Green background is
always preferable to be used for white logo.

When using image as a background, place the logo


on clean part of the image to avoid distractions.

Only use black and white and grayscale logo when


there’s some limitations with color printing with prior
permission from Tokopedia.

Never show the Tokopedia logo ini any other colors,


never use distracting background behind the mascot,
never use different position and expression of Toped
for partner, never distort the mascot.

● Subject title DD / MM / YYYY


Illustration
Toped
Fonts
Brand Fonts

● Subject title DD / MM / YYYY


Tokopedia X Partner
Do’s and Dont’s
Tokopedia X Partners

You can use Never change


Tokopedia logotype Tokopedia’s logotype
and separation with other font
between brands
identity.

Do not incorporate
Tokopedia mascot
inside to become
part of the brand
logo

You can put


Tokopedia’s logotype
above or below Do not combine
brand logo, please Tokopedia mascot
make sure with brand logo
Tokopedia’s logotype
safe area

● Subject title DD / MM / YYYY


Tokopedia X Partners

Make sure visibility Never put behind


of Tokopedia is on a distracting visual
clear area when background
applied to the visual

Do not make the


Make Tokopedia
Tokopedia logo look
logo proportion in
too small or too big
size with brand logo
compared to brand
logo

You may use triple Never stretch


brand logo the logo

● Subject title DD / MM / YYYY


Banner Example
Banner Example

Use Tokopedia identity such as


the green color, fonts, and
illustration to use in partner’s
banner

Bad example of banner


because there is no feel of
Tokopedia’s identity

● Subject title DD / MM / YYYY


Banner Color
Use Tokopedia’s green color as
dominant color and secondary
color as accent.

If using brand color as


dominant color, make sure use
Tokopedia’s identity such as
color as accent, font, or
illustration in the layout

If using white color, use green


or yellow as secondary color

● Subject title DD / MM / YYYY


Asset Link
Asset Link

01 The Logo 02 The Mascot 03 Illustration

Download Here Download Here Download Here

04 The Fonts

Download Here
www.tokopedia.com

Indonesia Office

Jl. Prof Dr. Satrio Kav 11, Lantai 52, Kelurahan


Karet Semanggi, Kecamatan Setiabudi, Karet
Semanggi, Kota Jakarta Selatan, 12940

You might also like