the Brand Guidelines here

BRAND GUIDELINE
FOR BILLERS & FINANCIAL INSTITUTIONS
OFFERING JomPAY SERVICES
APRIL 2014
www.jompay.com.my
© 2014 Malaysian Electronic Clearing Corporation Sdn Bhd (MyClear). All rights reserved. The information
in this document is proprietary and confidential to MyClear and is subject to change without prior notice.
WHAT’S INSIDE
OUR BRAND
3
INTRODUCTION
3
OUR IDENTITY
3
LOGO FORMAT
4
HOW IT LOOKS LIKE ON DIFFERENT BACKGROUND
5
MINIMUM SIZE AND CLEAR SPACE
6
GOOD THINGS COME IN SMALL SIZES
6
EVERYONE NEEDS A LITTLE SPACE
6
AVOID THESE COMMON MISTAKES
7
LOGO DO NOT
7
OUR SIGNATURE COLOUR
8
JomPAY WORDMARK
9
TYPOGRAPHY
10
TYPEFACE ON BILLS
JomPAY BILL CONFIGURATIONS REQUIREMENTS FOR BILLERS
10
11
THE CUSTOMER REFERENCE BOX
11
PAYMENT METHOD ADVICE
11
APPROVAL FOR BILL LAYOUT
11
PLACING JomPAY AT INTERNET BANKING WEBSITES
12
PLACING JomPAY ON MOBILE BANKING APPLICATION
13
© 2014 Malaysian Electronic Clearing Corporation Sdn Bhd (MyClear). All rights reserved. The information
in this document is proprietary and confidential to MyClear and is subject to change without prior notice.
jompay.com.my
2
OUR BRAND
Introduction
JomPAY is a national bill payment scheme, which facilitates the payment of bills by consumers and businesses via their financial
institution’s Internet or Mobile Banking service.
JomPAY was developed as an industry initiative, including financial institutions and Billers and is overseen by Bank Negara
Malaysia. MyClear is the operator of the JomPAY scheme.
This Brand Guideline provides information on JomPAY brand standards and how the brand is to be used for communication
across all mediums.
Our Identity
JomPAY means “Let’s Pay”.
It should always be spelled out as - Uppercase ‘J’ lower case
’om’ followed by uppercase ‘PAY’
The JomPAY logo is composed of the ‘J’ symbol and the
words ‘JomPAY’. The relationship between these elements
are fixed and must not be altered.
Biller organisations should contact their financial institution
for further information.
Financial institutions should contact the JomPAY team at
MyClear for further support or clarification.
The JomPAY logo was inspired by the concept of security
and connectivity. It reflects on two themes:
• reliability, security and connectivity
• pay anything and everything
© 2014 Malaysian Electronic Clearing Corporation Sdn Bhd (MyClear). All rights reserved. The information
in this document is proprietary and confidential to MyClear and is subject to change without prior notice.
jompay.com.my
3
LOGO FORMATS
The JomPAY logo can be applied to any type of communications as long as it is not obscured or distorted. The accepted colours for the JomPAY logo are:
• JomPAY Blue (spot & CMYK)
• JomPAY Black (spot & CMYK)
JomPAY BLUE Logo
JomPAY BLACK Logo
JomPAY WHITE BORDER Logo
The JomPAY Blue logo should be used whenever possible.
When the blue version could not be used due to printing or
media limitations, black is the only other colour to be used.
For example, if printed on a material with a limited number of
spot colours or in a black & white format.
In circumstances due to colour or layout restrictions, the
JomPAY White Border logo may be used.
This version should only be placed on a flat white or light
colour/tone background (see page 5).
This version should only be placed on a white, light or mid
tone background (see page 5).
© 2014 Malaysian Electronic Clearing Corporation Sdn Bhd (MyClear). All rights reserved. The information
in this document is proprietary and confidential to MyClear and is subject to change without prior notice.
This version should only be placed on a black, blue, dark, or
on a crowded picture (see page 5).
jompay.com.my
4
LOGO FORMATS
How It Looks Like On Different Backgrounds
Below are examples of the logo on different backgrounds. If you are unsure of what version of the logo to use or the placement of logo on other backgrounds, please contact your financial institution.
When placing the logo on imagery, please ensure it is placed within an uncluttered image area to allow for maximum legibility & visibility.
White Background
Light-tone Background
Mid-tone Background
Black Background
JomPAY Blue or Black logo
JomPAY Blue or Black logo
White Border or JomPAY Black logo
JomPAY White Border logo
Blue Background
Light Image Background
Dark Image Background
Cluttered Image Background
JomPAY White Border logo
JomPAY Blue or Black logo
JomPAY White Border logo
JomPAY White Border logo
© 2014 Malaysian Electronic Clearing Corporation Sdn Bhd (MyClear). All rights reserved. The information
in this document is proprietary and confidential to MyClear and is subject to change without prior notice.
jompay.com.my
5
MINIMUM SIZE AND CLEAR SPACE
Good Things Come In Small Sizes
Everyone Needs A Little Space
The minimum size for JomPAY logo to be reproduced is 10mm
in height and width or 28 pixels in digital format.
The clear space area is the space around the logo in which
no other type or graphic elements can encroach.
Figure 1.2
These clear space requirements should be used to ensure
the logo is clearly recognised.
10mm
The clear space around the JomPAY logo is defined by the
height of the “om” in the logo. (Figure 1.1)
10mm
10mm
10mm
Ensure that clear space exists on all four sides of the logo,
not less than the height of the “om”. (Figure 1.2)
minimum clear space
Figure 1.3
When the logo is placed next to another logo, additional clear
space is required. (Figure 1.3)
When using the logo on a dark, blue, black or cluttered image
background, the clear space should be applied from the
outer edge of the white border. (Figure 1.4)
additional clear space
Figure 1.4
Figure 1.1
clear space area
defined by height
of “om”
minimum clear space
© 2014 Malaysian Electronic Clearing Corporation Sdn Bhd (MyClear). All rights reserved. The information
in this document is proprietary and confidential to MyClear and is subject to change without prior notice.
jompay.com.my
6
AVOID THESE COMMON MISTAKES
To maintain the integrity and promote consistency of the brand it is important to use the logo as described in this guideline.
Our logo is flexible enough to be applied on numerous backgrounds. The shape and the proportions of the JomPAY logo must remain unaltered to ensure consistency and confidence in a variety
of scenarios. If you are unsure around the correct use of the logo, please contact your financial institution.
Logo Do Not
Do Not Separate Text From Icon
Do Not Change The Colour Balance Of The Logo
Do Not Add Effects To The Logo
Do Not Stretch Or Distort The Logo
Do Not Place Any Additional Text Or Graphic Elements To The
Logo
Do Not Change The Fonts Of The Logo
JOM
PAY
Do Not Crop The Logo
Do Not Rotate The Logo
© 2014 Malaysian Electronic Clearing Corporation Sdn Bhd (MyClear). All rights reserved. The information
in this document is proprietary and confidential to MyClear and is subject to change without prior notice.
Do Not Flip The Logo
jompay.com.my
7
OUR SIGNATURE COLOUR
The JomPAY colour palette comprises of two primary brand colours. The following are the specific breakdowns of each of our colours:
JomPAY BLUE
JomPAY BLACK
4 COLOUR PROCESS:
97% CYAN
81% MAGENTA
0% YELLOW
51% BLACK
4 COLOUR PROCESS:
0%
CYAN
0%
MAGENTA
0%
YELLOW
100% BLACK
SPOT COLOUR:
PANTONE CMYK COATED
P 103-16 C
SPOT COLOUR:
PANTONE PROCESS BLACK C
RGB:
25% RED
37% GREEN
71% BLUE
HEX:
# 18255A
© 2014 Malaysian Electronic Clearing Corporation Sdn Bhd (MyClear). All rights reserved. The information
in this document is proprietary and confidential to MyClear and is subject to change without prior notice.
RGB:
29% RED
29% GREEN
29% BLUE
HEX:
# 1C1C1B
jompay.com.my
8
JomPAY WORDMARK
Wordmark
The JomPAY wordmark must be in bold and used as one term and never be abbreviated, hyphenated or used in the plural. Variations to the wordmark is prohibited
Uppercase
JomPAY is always spelled out as in uppercase “J” and lower case “om” followed by uppercase “PAY” when used in body copy
Correct
JomPAY
Incorrect
jompay, JOMPAY, jomPAY, JOMPay, jom-pay, JOM-PAY
Helvetica Typeface
The Helvetica typeface to be used wherever possible
© 2014 Malaysian Electronic Clearing Corporation Sdn Bhd (MyClear). All rights reserved. The information
in this document is proprietary and confidential to MyClear and is subject to change without prior notice.
jompay.com.my
9
TYPOGRAPHY
Typeface On Bills
When setting typeface on bills, use Helvetica only.
HELVETICA
ARIAL
Where the Helvetica cannot be used, please substitute with
Arial. The typeface used by the biller is also acceptable only
if it is legible.
HELVETICA LIGHT
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
ARIAL REGULAR
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
• Use Helvetica Bold and Regular font for headlines only
• Use Helvetica Regular and Light font for body copy, smaller
prints and fine prints
HELVETICA REGULAR
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
ARIAL BOLD
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
HELVETICA BOLD
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
ARIAL ITALIC
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
HELVETICA LIGHT OBLIQUE
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
ARIAL BOLD ITALIC
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
HELVETICA OBLIQUE
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
HELVETICA BOLD OBLIQUE
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
© 2014 Malaysian Electronic Clearing Corporation Sdn Bhd (MyClear). All rights reserved. The information
in this document is proprietary and confidential to MyClear and is subject to change without prior notice.
jompay.com.my
10
JomPAY BILL CONFIGURATIONS
REQUIREMENTS FOR BILLERS
JomPAY Billers must display the following information on the
payment advice section of their bills and applies to all forms electronic, paper or otherwise.
Font size must be maximised to the allocated area of the
Customer Reference Box, and no smaller than surrounding
text in the Bill.
It must be located in a prominent position of the bill, to be
clearly visible and easily located.
Payment Method Advice
The minimum height and width of the JomPAY logo is 10mm.
If the Biller only accepts payments from Current or Savings
accounts, then the following payment method advice should
be co-located with the logo and Customer Reference Box:
The Customer Reference Box
“JomPAY online at Internet and Mobile Banking with your
Current or Savings account”. (Figure 2.1)
The Customer Reference Box contains the Biller Code and
either one (preferred) or two payment (optional) references,
which are used by customers to make payment.
If the Biller additionally accepts payments from Credit Cards,
the following payment method advice should be used:
The labels in the Customer Reference Box must be “Biller
Code”, “Ref-1” and optionally “Ref-2” in bold text. No other
variations of the labels are allowed.
The top and bottom of the Customer Reference Box must be
aligned to the top and bottom of the logo. Allow sufficient
clear space between the logo and the Customer Reference
Box.
Vertically centre the Biller Code and payment reference
details in the Customer Reference Box.
Type is in bold for labels and normal for information and set
in Helvetica (preferred), Arial or in the style of the Bills’
general text providing it is legible.
“JomPAY online at Internet and Mobile Banking with your
Current, Savings or Credit Card account”. (Figure 2.2)
Alternate copy for the payment method advice may be
submitted to your financial institution for approval.
Billers can also choose for the payment method advice to be
in Bahasa Malaysia. (Figure 2.3 & Figure 2.4)
Approval For Bill Layout
Final bill layout must be approved by your financial institution
before going to print.
© 2014 Malaysian Electronic Clearing Corporation Sdn Bhd (MyClear). All rights reserved. The information
in this document is proprietary and confidential to MyClear and is subject to change without prior notice.
Sample Layouts
For Billers With One Payment Reference
Biller Code: <XXXX>
Ref-1: <XXXX XXXX XXXX >
JomPAY online at Internet and Mobile Banking with your
Current or Savings account
Figure 2.1
payment method
advice
For Billers With Two Payment References
Biller Code: <XXXX>
Ref-1: <XXXX XXXX XXXX>
Ref-2: <XXXX XXXX XXXX>
Figure 2.2
JomPAY online at Internet and Mobile Banking with your
Current, Savings or Credit Card account
For Billers With One Payment Reference
(Bahasa Malaysia Version)
Biller Code: <XXXX>
Ref-1: <XXXX XXXX XXXX >
JomPAY online di Perbankan Internet dan Telefon Mudah
Alih dengan akaun semasa atau simpanan
For Billers With Two Payment References
(Bahasa Malaysia Version)
Biller Code: <XXXX>
Ref-1: <XXXX XXXX XXXX>
Ref-2: <XXXX XXXX XXXX>
Figure 2.3
payment method
advice
Figure 2.4
JomPAY online di Perbankan Internet dan Telefon Mudah
Alih dengan akaun semasa, simpanan atau kad kredit
jompay.com.my
11
PLACING JomPAY AT INTERNET BANKING
In accordance with the JomPAY Rules and Operating Procedures, the JomPAY service must occupy a prominent position within the pages or menu within a financial institution’s Internet or
Mobile Banking services.
Additionally, the JomPAY logo must appear where the customer selects, or has selected the option to make a JomPAY bill payment.
JomPAY respects that every financial institution has a different approach to the design of their Internet and Mobile Banking services. Following are samples on the logo placement for the
JomPAY logo within a website and mobile site platform.
The labels “Biller Code”, “Ref-1” and “Ref-2” must be used and no variations to these labels are allowed.
MyBANK
MyBANK
My Accounts
Transfer
Top Up
Claim
Hi TOM TANKS!
Mobile
Pay Bills
My Accounts
Transfer
Top Up
Claim
Mobile
Pay Bills
Open Payment
Favourite Payment
JomPAY
From: Select Account
View Accounts
Mailbox
Special Offers
Biller Code:
Ref-1:
Ref-2:
Amount:
Confirm
© 2014 Malaysian Electronic Clearing Corporation Sdn Bhd (MyClear). All rights reserved. The information
in this document is proprietary and confidential to MyClear and is subject to change without prior notice.
Clear
jompay.com.my
12
PLACING JomPAY ON MOBILE BANKING
APPLICATION
The following is a sample for mobile banking.
12:34 PM
12:34 PM
Payments
Pay Bill
My own
Accounts
RM
Transfer
Pay Anyone
Move money between
your accounts
All you need is their
Account Number
Anyone’s
Accounts
JomPAY
12:34 PM
Pay to
Mobile
Overseas
Accounts
Simply using their
mobile number
Using the JomPAy
details on your bill
Payments
Preferences
© 2014 Malaysian Electronic Clearing Corporation Sdn Bhd (MyClear). All rights reserved. The information
in this document is proprietary and confidential to MyClear and is subject to change without prior notice.
Pay to
Mobile
Overseas
Accounts
Biller Code:
Ref-1:
MAXIS
Ref-2:
DEWAN BANDARAYA KUALA LUMPUR
Accounts
JomPAY
To
TELEKOM
Accounts
Anyone’s
Accounts
Savings Account $2,206.19
ASTRO
SYARIKAT BEKALAN AIR SELANGOR SDN BHD
Pay Bills
My own
Accounts
Pay
From
ADD NEW BILLER
TENAGA NASIONAL BERHAD
Pay to Mobile
Pay Bill
Cancel
Payments
Preferences
Amount
Accounts
$
Payments
Preferences
jompay.com.my
13
For further information:
▪Billers should contact their Financial Institution.
▪Financial Institution should contact the JomPAY team at MyClear.
© 2014 Malaysian Electronic Clearing Corporation Sdn Bhd (MyClear). All rights reserved. The information
in this document is proprietary and confidential to MyClear and is subject to change without prior notice.