BRAND

GUIDELINES

June 2023
Brand story
Touch ‘n Go eWallet was
established to revolutionise
digital payments with its
seamless interface and innovative
features. From bill payments
to grocery shopping and even
daily commute, the eWallet has
become the trusted ally to many
Malaysians. It has simplified
transactions and transformed
financial management, bringing
convenience and efficiency to
their users’ fingertips.
1 Brand
Logo
1.0
Overview

Our logo is representative of

our brand, our product and our
integrity, the most visible symbol
of who we are as an organisation.
It’s how we connect with our
customers and stakeholders.

NOTE
Please note that all final artwork and
new designs of collateral not featured
in this manual must be approved by the
Touch ‘n Go eWallet Communications
team prior to production. Should
you have any queries regarding the
guidelines or its applications, please
contact the Touch ‘n Go eWallet
communications Team.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

1.1
Logo Components

This is
our logo.
It is simple, uncluttered and uses a bold,
progressive yet friendly type. It was
designed to be instantly recognisable, 2 1
even from afar. The Frame The Logotype

The Touch ‘n Go eWallet logo comprises

three distinct components.

3
The Colours

Corporate Blue Corporate Yellow White

A solid shade A warm and position This represents our
that reflects our hue, this is a promise to deliver
bold vision and projection of our service and products
innovative spirit. friendly and outgoing with integrity and
personality. transparency.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

1.2
Logo spacing

1/3X X 1/3X

This is our logo

spacing. 1/3X 1/3X

Please note that this is a guide reference

for the placement of the tagline, should
there be one.

1/3X

Minimum Size
1.6cm

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

1.3
Logo Colour Versions:
Primary

The Touch ‘n Go Full Colour Blue/Dark Background Monotone

eWallet logo may

only appear in the
colours shown here.
Wherever possible, the full colour version of
the logo should be used for all communications
material, including marketing collateral (print/
television/digital/wherever applicable).

The following details serve as a colour guide for

the logo. Different materials and textures may Monotone Reverse Special Printing
produce different shades. Please ensure that the
final colours appear as close as possible to the
colours shown here.
The logo may appear in Minimum Size
silver when hot stamping 1.5cm
or embroidery is required
on premium items or
giveaways. In lieu of
Touch ‘n Go eWallet
silver use Pantone 877.
DO NOT use gold.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

1.4
Clear Zone & Minimum Size:
Primary logo & Unlocked Logo

Clear Zone Primary Logo Unlocked Logo

To maintain its integrity, the Touch ‘n Go eWallet
logo must be kept clear of all other elements.
The space around the logo is known as the 1/3X X 1/3X

“clear zone”. It is the minimum space that

must be provided around the logo.
1/3X 1/3X
X X
Minimum Size
To ensure legibility, the logo must be no smaller X
than the measurements indicated here.
X

Minimum Size Minimum Size

1cm 1cm

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

1.5
Background: Dark Colours

Full Colour Logo: Acceptable usage

Our Logo must

always be presented
in the best possible
manner.
So do use your best judgement when picking
background colours – stay away from those
which are not in harmony with our Logo.

Monotone Logo: Acceptable usage Unacceptable usage

NOTE
These are just a few examples as a
guide. Acceptable applications are
not limited to those shown here.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

1.6
Background: Light Colours

Full Colour Logo: Acceptable usage

The Touch ‘n Go
eWallet logo must
remain optimally
visible against any
background colour.

Monotone Logo: Acceptable usage Unacceptable usage

NOTE
These are just a few examples as a
guide. Acceptable applications are
not limited to those shown here.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

1.7
Background: Textured

Full Colour Logo: Acceptable usage Unacceptable usage

The Touch ‘n Go
eWallet logo must
always appear clearly
visible against an
uncluttered area of a
textured background. Monotone Logo: Acceptable usage Unacceptable usage

NOTE
These are just a few examples as a
guide. Acceptable applications are
not limited to those shown here.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

1.8
Incorrect Usage

Consistency and Below are some examples to avoid:

correct usage
of the Logo are
imperative to
ensure the integrity
DO NOT change the logo colour. DO NOT re-position the logo. DO NOT add an outline.

of the brand.

DO NOT add a drop shadow. DO NOT italicise the logo. DO NOT change the shape.

NOTE Do not use the

These are just some examples logo as part of the
of incorrect usage of the Logo.
To avoid errors, please use the body copy.
master artwork provided. Do
not reconstruct the logo. For
DO NOT add a graphic element. DO NOT use the logo as part DO NOT screen or use it as a
further information, please
of the body copy. decorative background element.
contact the Touch ‘n Go eWallet
Communications Team.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

 NAMING Guide
1.9
Brand spelling

Full (Most recommended usage)

The Touch ‘n Go Touch ‘n Go eWallet

eWallet brand
should always be Full - All Caps
spelt in full unless
space is limited TOUCH ‘N GO eWALLET
The apostrophe comes before the letter n,
Short
which is always lowercase

The letter e is always lowercase with an

uppercase W without a hyphen
TNG eWallet (Abbreviation of Touch ‘n Go to TNG is used only
when space is limited eg. in SMS, push notifications)

When the brand name is used in its entirety,

there is no translation needed
Short - All Caps
When eWallet is used without Touch ‘n Go,
translation is as shown TNG eWALLET
When eWallet
Please note is used
the spacing and allwithout Touch ‘n Go
letters are case-sensitive.

English eWallet Bahasa Malaysia eDompet Chinese 电子钱包

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

2 Visual
Identity
System (VIS)
2.0
Overview

Our Visual Identity System is made

up of a number of design elements.
It comprises our logo, colours,
photographs, typography and other
graphic elements. Accurately used,
our Visual Identity System will generate
immediate and greater recognition of
our brand.
These elements have been designed to be flexible. Therefore a thorough understanding of
its usage, as clearly illustrated in this guideline, will ensure a consistent application of the
brand design.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

2.1.1
Corporate Colour Palette

Our palette is a Primary Colour Palette

unique combination Corporate C100 M70

P300C
80%

Blue
of colours. R0 G90 B190
#005BAA
60%

40%
The primary colour palette for the Masterbrand 20%
consists of three colours: Corporate Blue,
Corporate Yellow and White. Corporate Y100 80%
P102C
In any communication, the primary colours should
Yellow R255 G220 B0
60%
be dominant, with the secondary colours used to #FFF200 40%
support it. The use of secondary colours should
not overpower the primary colours. 20%

For application of secondary colours, please refer White K0

R255 G255 B255
to page 5.2.2.
#FFFFFF

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

2.1.2
Complementary Colour Palette

Our secondary M85 Y35

P1519C
M85 Y35 K60
P188C

palette is selected R239 G78 B116

#EF4E74
R123 G29 B55
#7B1D37

to harmonise with or C50 M10 C100 M15

provide a pleasing P630C
R137 G207 B220
P2925C
R0 G90 B190

contrast to our #89CFDC #005BAA

primary colours. M50 Y100

P144C
C50 M100 K25
P260C
R235 G135 B5 R100 G25 B100
The secondary colours allow us to introduce #EB8705 #641964
variety without distracting from the corporate
colours. It can be applied across all UX and
communications that use illustrations and C30 Y100 C100 Y80 K25
graphic elements. P382C P348C
R190 G213 B15 R0 G132 B67
We reserve the use of 80%, 60%, 40%, 20% tints #BED50F #008443
to create depth and contrast in illustration and
data visualization.
CM50 Y60 K25 K100
Warm Grey 11 R35 G31 B32
For application of secondary colours, please refer R114 G102 B88 #231F20
to page 5.2.2. #726658

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

2.1.3
Complementary Colour:
Incorrect Usage

Colour examples
NOTE
These are just a few examples as a
guide. Acceptable applications are

to avoid. not limited to those shown here.

Complementary colours DO NOT use dull and DO NOT use complementary

SHOULD NEVER distract non-Touch ‘n Go eWallet colours that are monotone.
our primary colour palette. complementary colours.

DO USE complementary DO USE colours that are DO USE complementary

colours to enhance the within the complementary colours that are vibrant
focal point. colour palette. and contrasting.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

2.2
Copywriting guide

Our copywriting style should be relatable and

accessible, using clear and simple language
that connects with a wide audience. We
avoid jargon and technical terms including
rojak copy, focusing on straightforward and
engaging content in proper simple English,
Bahasa Melayu and Chinese. By doing so,
we ensure that our brand’s messages reach
and resonate with the masses, creating
an inclusive and relatable experience for
everyone.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

2.2.1
Typography: English Primary and
Secondary Typefaces

Meet Gilroy, our Primary Typeface:

Gilroy
corporate typeface.
ABCabc12345
Thin
The primary typeface must be used in all Regular Italic
communications that are professionally Medium Italic
printed or produced. Apart from foreign
Bold Italic
language translations, there will be no
other exception to this guideline.
Heavy Italic
Black Italic
Secondary Typeface
Our secondary typeface is Din Pro.
It is mostly used for body copy.

Secondary Typeface:

Din Pro

ABCabc12345
Thin Italic
Regular Italic
Medium Italic
Bold Italic
Black Italic

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

2.2.2
Typography: English
Complementary Typeface

When you need to Complimentary Typeface:

Brushstrike
be a little louder,
here’s Brushstrike. abcde Regular

When to use:
Brushstrike is useful when one needs to
bring attention to short messages like
hashtags and calls-to-action. Do not employ
it for long headlines and bodycopy. In short,
please use sparingly.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

2.2.3
Typography: Chinese Primary
and Secondary Typefaces

What if corporate Primary Typeface:

(Noto Sans SC)

欲知更多详情
typefaces are not
available in my Thin
Light
language? Regular
Medium
Bold
Black
We recommend using alternative typefaces,
chosen for their uniform thickness and
geometrical form – modern, open, rounded.
We offer alternatives for ease of locating the
font you have access to. Only use the simplified
Chinese version.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

2.2.4
Typography: English System Typeface

Open Sans is our System Typeface:

Open Sans
system typeface.
ABCabc12345
Light Italic
Regular Italic
Semibold Italic
Bold Italic
Extrabold Italic

Secondary Typeface:

(Noto Sans SC)

欲知更多详情
Thin
Light
Regular
Medium
Bold
Black

When to use:
Situations where the Touch ‘n Go eWallet
corporate typefaces are not possible:
Microsoft PowerPoint, Microsoft Word
documents, Microsoft Excel or HTML
content on web applications.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

2.2.5
Typography: Specifications

Outlined below are typography specifications

for a core set of copy levels. Use these as a
starting point when setting copy. Adjustments
may be made to accommodate legibility.

PRIMARY Long headline example Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Fusce mollis justo in finibus
consectetur adipiscing elit. Fusce
or second-level text mollis justo in finibus aliquet. Nulla
aliquet. Duis vulputate vehicula elit, at

HEADLINE to go with primary ligula odio, vestibulum scelerisque

hendrerit sed, congue id erat.
feugiat orci pretium eu.

EXAMPLE headlines

Primary headline Longer heads, second-level text, Body copy Captions & Annotations
pull quotes
Typeface : Gilroy Typeface : Gilroy Typeface : Din Pro Typeface : Din Pro
Align : Left or centralised Align : Left or centralised Align : Left or centralised Align : Left or centralised

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

2.2.6
Typography: Incorrect Usage

The examples shown here illustrate the LONG HEADLINE THE NEW WAY Lorem ipsum dolor sit

TO
incorrect use of typography. amet, consectetur
EXAMPLE OR SECOND-
LEVEL TEXT TO GO WITH adipiscing elit. Fusce
PRIMARY HEADLINES PAY TOLL! mollis justo in finibus
aliquet.

DO NOT use all caps for blocks of DO NOT stagger headlines. DO NOT use drop shadow on
text other than short headlines. body copy.

THE NEW
WAY TO 享有20%
PAY TOLL! 过路費回扣
DO NOT set text with multiple DO NOT use Chinese typeface for
colours. numeric and lettering in Chinese
text.

DO USE Gilroy or Din.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

2.2.7
Copy Tonality

Keep it clear and simple Focus on customer end benefit, Craft clear call-to-action
for the audience. not on product features. headlines.
To enable our audience to understand Because it’s not about what the product can do, To drive or entice customers to act and
what we say with utmost clarity. but how it benefits our customers’ lives. purchase

Don’t Don’t Don’t

With the Touch ‘n Go eWallet This September, all Can’t decide what to eat?
app, you can now pay tolls, Touch ‘n Go purchases
buy petrol, watch movies, will receive RM5 off.
go shopping, dining, and do
many more, without cash!

Do Do Do

Touch ‘n Go eWallet, Save even more with Browse and order food
the new way to go cashless! Touch ‘n Go eWallet this delivery directly from your
September. eWallet now

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

2.3
Imagery Overview

Friendly.
Optimistic.
Outgoing.
No-nonsense.
These four words sum up the personality of our brand, so the images
we use in our communications should reflect this.

Photography is one of the most effective mediums for conveying our

positive outlook, a visual voice that helps us build our relationship
with customers.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

2.3.1
Imagery: People

Let’s keep it real.

Stick with expressions that exude warmth and
project positivity. Whenever possible, have
the subject engage with the audience. Let’s
stay away from anything that even remotely
suggest contrived, cliched, posed, and/or
manufactured.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

2.3.2
Imagery: Objects

Let’s keep it
clean.
Our brand stays away from fuss and clutter –
so should our communications. Let the subject
always be in focus, helping us tell our story
in the simplest, most telegraphic manner
possible.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

2.3.3
Imagery: Colours, Texture & Lighting

Subject against Brand Colour Background

Let’s keep it bright

and happy.
Colours
It’s always a better idea to incorporate the brand
colours of Corporate Blue and Corporate Yellow,
where it’s naturally possible. Do be mindful,
however of overdoing it. The Corporate Blue Subject against Brand Colour Textured Background
should always be the dominant shade, while usage
of the Corporate Yellow should not exceed 25%.

Texture & Depth

When necessary, create depth of field by using
shadow, a textured background or a background
that is out of focus – the objective is to have the
eye focus on the subject.

Space
Did we mention that we don’t like clutter? Allow Subject in Brand Colour (Yellow is optional colour and not mandatory)
the subject breathing room, so that our message
can be clearly communicated.

Lighting
If we were a light bulb, we’d be Bright White. Our
communications benefit from images that have a
clean contrast. This also means no warm filters
and yellow or rosy tints.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

2.3.4
Imagery: Incorrect Usage

Here are sample

designs to
avoid.
DO NOT use yellow as the main DO NOT use images that are dull DO NOT use images with a busy
background colour. in both expression and colour. and cluttered background.

DO NOT use filters (sepia, saturation, DO NOT distort the image to fit in DO NOT use images that portray
etc) which degrade the clarity and the layout. negativity.
vivacity of the image.

NOTE
These are just a few examples as a
guide. Acceptable applications are
not limited to those shown here.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

2.3.5
Icons

Examples: Outlined

Our aspiration for

iconography is
to use geometric
shapes, straight
lines and controlled
curves.
We recommend the use of 100% solid colour
or outlined. For colour usage, please refer to
pages 5.2 – the complementary colour palette. Examples: Maximum of two colours (in addition to white)

RM RM

Examples: Infographic styling

NOTE
These are just a few examples as a
guide. Acceptable applications are
not limited to those shown here.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

3 Brand
Expression

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

3.0
Living X with…

This was adopted as the brand’s expression to establish a consistent and memorable
representation of its identity, values, and personality across different pillars. Its purpose
is to foster recognition, build trust, cultivate loyalty, and create emotional connections
with users, ultimately influencing their perceptions and behaviours towards the brand.

Typeface:
Gilroy Bold

Typeface:
Vervein Regular

Typeface:
Gilroy Bold

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

3.1
Application

Applying our “living with” brand

expression across different
verticals.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

4 Merchant:
Application

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

4.0
Overview

We’re a friendly
and outgoing
brand, and in order
to deliver value
to our customers,
we collaborate
regularly with a
suite of partners.
So for consistency, we have created a
framework where we all co-exist happily.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

4.1
Key Visual (KV) - Merchant promos
Key visual contains all the elements required
for the campaign, and will be used as the main
styling direction for all visual adaptations –
social media, in-app and website. 1 Brand identifier bar

Living
It features our brand logo with the appropriate Conveniently
Merchant
logo 2 Logo notch
with
brand expression (Living X with…) and
merchant’s logo in the logo notch section.

Here is where
the headline should 3 Headline

be

6 Visual

4 Blurb

Date 4a Campaign date

9:41
Total Assets

RM 100.00
Reload Transaction History

Enjoy

XX
6 Mini programmme Zus Coffee
Zus Coffee

RM 4b Campaign mechanic
CASHBACK
www.touchngo.com.my
when you spend min RMXX
5 App download
call-to-action
T&Cs apply 4c Fine print

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

4.1.1
Key Visual (KV) – Partnership promos
Use this version for campaigns with
collaborative, long-term partners. Similar
to the key visual for merchants, it also
serves as the basis for all adaptations -
social media, in-app and website.
Living
It features our brand logo with the Conveniently
appropriate brand expression (Living X with

with…) in the logo notch section at the top,

and partner’s logo at the bottom left in its
dedication section in white.
Here is where
the headline should
be

Date
www.touchngo.com.my
Enjoy

RM XX
CASHBACK
In collaboration with
when you spend min RMXX
Partner’s logo
T&Cs apply

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

4.2
Brand identifier bar
Made up primarily of 30% yellow and 70% blue, this distinctive visual element
to represent the brand. It plays a crucial role in establishing brand recognition
and identity, and used in social media, key visuals and webpages.

Color separator always slanting at 45˚

Ratio left & right color = 3:7

In instances where the background does not permit the default colours, the following
colour options are permitted:

Yellow + Orange

Orange + Blue

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

4.3
Merchant Partner Logo Lock-up

1/3X X 1/3X 1/3X 1/3X

Always start
Merchant Partner Logo
1/3X 1/3X
Lock-up Combination 1
This is the preferred
with our grid – version where the
Touch ‘n Go eWallet
this will ensure logo sits on the left of
the merchant’s logo.
Logo A

consistency
across all
communications.
1/3X X 1/3X 1/3X 1/3X 1/3X

Merchant Partner Logo

1/3X 1/3X
Lock-Up Combination 3
When there is more than
one merchant logo, this is
the version to apply, with
the Touch ‘n Go eWallet Logo A Logo C
logo on the left.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

4.3.1
Merchant Partner Logo Lock-up

1/3X X 1/3X 1/3X 1.5X 1/3X

1
Enlarge merchant
Our Touch ‘n 1/3X 1 1/3X logo proportionately to
align to the Touch ‘n Go

Go eWallet 2
eWallet logo’s height.

logo should Logo A

2
When merchant logo
preferably take exceeds 1.5X of width,
merchant logo height

the lead in our reduced to 65%.

communications.
Situation 1
So when the merchant’s logo appears to
dominate the Touch ‘n Go eWallet logo, Merchant
logo’s height
please use these measurements to dictate reduced to
the sizing in the lock-up. 65%

Situation 1:
1.5x of Touch ‘n Go
When the merchant’s logo exceeds the eWallet logo’s width
Primary Logo by 1.5X (after aligning the
height), then the merchant’s logo should be Situation 2
reduced to 65% of its original size.
Merchant
Situation 2: logo’s height
When the width of the merchant’s logo is reduced to
40%
more than 4X longer, then the size should
be reduced to 40% of its original size.
4x of Touch ‘n Go eWallet
logo’s width

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

4.4
Logo notch
This designated area is always in white and serves as a neutral area
to hold all logo types and colours. On a key visual, it is placed on the
top and centre beneath the brand identifier strip.

Spacing guideline

1/3X X 1/3X 1/3X 1/3X

1/3X 1/3X

Logo A

1/3X

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

4.5
Headline placement
There are only 3 placement options – in the
middle at the top, on the right or on the left,
depending on the visual layout. Merchant
logo

Typeface:

Here is where Gilroy Bold

Use “centered” alignment when the headline is the headline should Font size:
at the top be 25-30 pt

Length:
Max 3 lines

Merchant Merchant
logo logo

Here is where Here is where

Use “left” alignment when the headline is on the
left or right
the headline the headline
should should
be be

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

4.6
Blurb

The blurb carries vital campaign mechanics

– promo period, the reward and its value, Campaign date
Date
minimum spend, and where users must
Mechanics
spend for the mechanics to be applied. It is Enjoy

XX
not required to say ‘… pay with your eWallet’
if the visual is used on our platforms. Enjoy XXX
RM
XX
Campaign mechanic
Here’s a simple formula on how the blurb is CASHBACK Promo value
usually written for promos: when you spend min RMXX RM
Enjoy/Get/Win (a/an) … RMX / X% … CASHBACK Type
cashback/off/cashback voucher … when you T&Cs apply Disclaimer when you spend min RMXX XXX
spend min RMX … at/on/in …

Basic terminology rules

Discount Cashback Cashback voucher

In English it is written as ‘off’ In English, cashback is written as one word and In English, ‘an’ needs to come before the
always singular value if the promo is giving away 1 voucher
In Bahasa Melayu, discount is ‘diskaun’ eg. Get an RM5 cashback voucher. For more
In Bahasa Melayu, cashback is pulangan tunai and than 1 voucher, ‘an’ is dropped eg. Get RM5
In Chinese, discount is 折扣 comes before the value eg. Nikmati pulangan tunai cashback vouchers…
RM5
In Bahasa Melayu, cashback voucher is
In Chinese, cashback is 现金回扣 and comes after ‘baucar pulangan tunai’
the value like English eg. 享有RM5现金回扣
In Chinese, it is 现金回扣

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

4.6.1
Blurb

Date

Enjoy

XX
Colour rule
The blurb colour options are blue or yellow and is
dependent on the visual background colour. RM
CASHBACK
Blue blurb – Date and promo value are in yellow text, when you spend min RMXX
the rest in white
T&Cs apply

Yellow blurb – Blue text colour throughout

Date format English

3-letter code. However, there are exceptions for June Jan Feb Mar Apr May Jun/June
(English) and Ogos (Bahasa Melayu). Jul Aug Sep Oct Nov Dec

Note: For June, spell it in full if the entire campaign

Malay
period is in that month Eg. 1 - 30 June 2023. If the
campaign starts or ends in June, the 3-letter code Jan Feb Mac Apr Mei Jun
applies eg. 15 Jun - 14 Jul 2023. Jul Ogos Sep Okt Nov Dis

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

4.6.2
Blurb styling

For adapted visuals, the blurb copy is

RM10 OFF
Up to

15OFF% RM 10
CASHBACK
reduced to carry the bare minimum. with min spend RM20
Promo code XXXXX
For campaigns with a promo code, the
code is placed in a blurb and its colour
is the reverse colour option to the main
blurb colour.

For campaigns with more than one Up to

15OFF
reward mechanics, only a maximum of Up to
2 can be featured.
RM
CASHBACK
10 15%
CASHBACK
%
with min spend RM20
Promo code XXXXX

xxxx Percent With promo code

15OFF
%
with min spend RM20
Promo code XXXXX

RM10
CASHBACK
with min spend RM10
Promo code XXXXX

Double promo

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

4.7
App download call-to-action

Placement is always on the bottom left, in either black or white text,

depending on what complements the visual's background colour.

Download badges are always in black and should never be reversed.

www.touchngo.com.my Web address

English and Chinese Download badge

Company name
Company registration number

www.touchngo.com.my
Malay
Huawei badge is in English for all
languages

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

4.8
Incorporated brand apps
Affectionately known internally as ‘mini programme’ or MP, these are popular brand apps
that have been integrated into our eWallet.

Guidelines for MP promo key visuals

1. Always use the latest home screen
2. Feature actual app icon / logo
3. Placement is always at the bottom left of the key visual above the app download Living Merchant
Conveniently
call-to-action, or above the blurb when space is limited (eg. social media post) with
logo

9:41 Here is where

the headline should
Total Assets

RM 100.00
Reload Transaction History
be

Zoomed icon

InApp icon Zus Coffee

Zus Coffee

Date
9:41
Total Assets

RM 100.00
Reload Transaction History

Enjoy
Placement
XX
Zus Coffee
Zus Coffee

RM
CASHBACK
www.touchngo.com.my
when you spend min RMXX

T&Cs apply

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

4.9
Key visual styling / tonality

The key visual serves as a visual anchor, capturing the

essence of the campaign for promotional purposes. They
feature a lifestyle approach with Asian talents, showcasing
the campaign’s SKUs where possible, and aims to inspire
audience engagement while driving conversions.

It also serves as the basis for all adaptations - social media,

in-app and website.

Refer to the Key Visual – Merchant and Partnership promo

pages for further layout guidelines.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

4.10
Sample Key Visuals

Images can be layered

over the blurb but
should never cover texts

Merchant’s campaign Partners collaboration

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

5 Visual
Adaptation
5.1
Social Media FB / IG POST 1080px x 1080px FB / IG STORY 1080px x 1920px
Adapt the key visuals to the
specifications of the social media Living
platform. Living
Merchant
Conveniently logo
with Merchant
Conveniently logo
with
Note: App download call-to-action
is not required Here is where the
headline should be
Here is where
the headline should
be
Date

Enjoy

RMXX
when you spend min RMXX

T&Cs apply.

Date

Enjoy

RMXX
when you spend min RMXX

T&Cs apply.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

5.1.1
Social media FB / IG POST FB / IG STORY
key visual samples

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

 WEB THUMBNAIL 1050px x 1050px H5 / DETAIL PAGE 1080px X 1290px
5.2
Website – Adaptation overview

15%
Up to
Merchant
logo
Merchant
logo

Adapted visuals should only feature CASHBACK

a simplified blurb highlighting the
key giveaway or reward, without any
additional copy or text.

T&Cs apply

WEB BANNER 2220px x 816px

Merchant
logo

15%
Up to

CASHBACK

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

5.2.1
Website - thumbnail sample

Adapted visuals should only feature

the merchant’s logo in the notch
without any additional copy or text.

Your bill payment info is now Enjoy RM5 OFF Enjoy RM12 OFF
displayed

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

5.2.2
Website - Banner sample

A tasty promo to welcome Marrybrown aboard

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

5.2.3
Website - H5 sample
A tasty promo to welcome Marrybrown
aboard

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

5.4
In-app – Adaptation overview

POPUP 815px X 1089px HOMEPAGE BANNER 960px X 430px

15%
Up to Merchant
logo

Merchant Date
logo

15%
Up to

CASHBACK
T&Cs apply
CASHBACK
T&Cs apply

PUSH NOTIFICATION
686px x 270px (below 40kb)

Image only, without

additional copy or text

LEARN MORE
PageView Banner 600px X 200px
Merchant

15%
logo
Up to

CASHBACK
T&Cs apply

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

5.4.1
InApp Sample 1

POP-UP BANNER

Your bill payment info is now displayed

Enjoy RM5 OFF

Enjoy RM12 OFF

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

5.4.2
InApp Sample 2

PUSH NOTIFICATION PAGEVIEW BANNER

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

5.5
InApp - Highlight Banner

Highlight banners are designed to provide a concise snippet of the promotion, featuring
the merchant's logo in the notch area, and showcasing the promotion's SKUs.

Visual assets or SKUs should always be placed in the bottom half

HIGHLIGHT BANNER 465px x 630px Sample Sample without merchant logo

Merchant
Merchant logo (if any) logo
will always be on top

Here is where
1. Font: Inter,
semibold, 28px the headline should
2. Max lines: 3
lines only
be

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

5.6
InApp - Dynamic Banner

Dynamic banners are intended for targeted use. They should convey the reward or offer in a bold
headline, followed by a call-to-action in a finer print to encourage audience engagement.

The headline and call-to-action texts should fit within the allocated text box, without encroaching
on the visual space.

DYNAMIC BANNER
686px x 270px (below 100kb) Sample

Merchant
logo

Headline:
No more than 3 rows
This is where
Inter, bold, 18px the headline Visual

CTA line:
should be
No more than 1 row CTA line here
Inter, regular, 14px

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

5.7
Ribbon

Generally used for two purposes – to convey “Campaign extended” or “Fully Redeemed”, and is either in orange or red.

For extended campaigns, utilise the orange ribbon. Position it on

either the top left or right side of the visual, ensuring it does not
obstruct any logos, copy, faces, or other crucial elements.
ed n
nd ig
te pa
ex am
C

15 Sep - 31 Dec 2022 Change to the

extended date
ED
E EM
D
RE
L LY
F U

For fully redeemed campaigns, use a red ribbon, and position it

over the blurb to intentionally cover the promotional mechanics.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

 600px
Brand identifier bar
#FCE200 #005CB9

5.8 Color ratio 3:7, Height 16px

Living
Conveniently
Merchant
logo

Electronic direct mailer (EDM) Logo notch with

Used to effectively communicate

Image Main visual
promotional messages, offers, or • Max height 800px
with no headline
important updates directly to the
user’s registered email. It aims
to capture attention, generate
A simplified blurb
interest, and drive specific actions
15%
Up to
highlighting the key
such as website visits, purchases,
giveaway or reward
or engagement with the brand and CASHBACK
its promotions.

Title Enjoy these exclusive benefits

when you sign up with us today!
• Font: Helvetica Bold,
30px, #005ABE

Lorem ipsum dolor sit amet, consectetuer adipiscing elit,

Text sed diam nonummy nibh euismod tincidunt ut laoreet
• Font: Helvetica Regular, dolore magna aliquam erat volutpat. Ut wisi enim ad Content
16px, #808080
minim veniam, quis nostrud exerci tation vulputate velit
esse molestie consequat.

CTA button CTA BUTTON

#FCE200 or #005CB9
• Height 48px

Fine print Terms & conditions apply.

If you have questions:

? Contact
FAQ Webform 03-5022 3888
Refer to our frequently Submit a form if you Call our Careline, available
asked questions have a specific question from 7AM to 10PM daily
including public holidays
App download
call-to-action
Social media www.touchngo.com.my Footer
Website www.touchngo.com.my
©2022 TNG Digital Sdn Bhd (126651-M). All rights reserved.
#3F9FDA
Disclaimer ©2023 TNG Digital Sdn Bhd (126651-M). All rights reserved.

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

5.8.1
Sample EDM

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023

Thank you

Touch ‘n Go eWallet Corporate Identity Guidelines | June 2023