PhonePe

Banner Best Practices

Partner Banners / Ad Banners Guidelines

Version 2.0 - Nov 2022

Index
● Quick Checklist

● ATF & BTF Banner Placements

● Layout Safe Area Guideline

● Logo Placement Guideline

● Ad tag Guideline

● Content Font Size

● [CTA] Call To Action Guideline

● Imagery - Guidelines on visuals and callouts

● Logo Guideline

Clicking on the list items above will redirect you to the respective section.
Checklist Logo Placement
Please ensure you add the logo within the
logo placeholder for both ATF and BTF
Ad tag guideline
Enough space should be provided around the
Ad Tag and avoid overlapping it with other
Use this quick checklist to make banners. important elements or contents of the banne.
sure your banner design meets For detailed Ad tag guideline & Safe area
the requirements. please refer to the template.

Layout File size and format Imagery

Avoid white color backgrounds and refrain Both the ATF 1440x528px & BTF 1440x810px The Banner should be Crisp and Clear. Make
from using stroke (outline) around the banner designs should remain same. Avoid sure it is intuitive enough to someone who
banner. Make sure all your contents are clearly stretching or squashing of design while knows nothing about the product or the
recognisable at the display size. adapting from ATF to BTF banner or vice brand. And kindly refrain from using
versa. The final banner should be rendered in 1.Disturbing / Negative images, 2. Sexually
PNG format. File size < 250 KB explicit images, 3. Misleading CTA’s .

Dimensions Call To Action (CTA) Accessibility

Since we have both ATF and BTF placements. Though you are free to experiment with the Remove unwanted content and ‘visual
Please ensure you have double checked the CTA themes, the final shape of the CTA clutter’. Make sure there is enough contrast
dimensions of the banner before you start button should always be in the capsule between text and the background. The
working on it. Feel free to use our banner format! The max word limit for CTA is ≤ 3. content on the banner should be minimal Max
template. word limit for headline- 6, Sub headline- 12.
ATF & BTF
Banner Placement
ATF

● Above The Fold (ATF)

1440 x 528 px

● Below The Fold (BTF)

1440 x 810 px

In-app carousel assets automatically scroll over

BTF
the next banner every 5 seconds so please be
mindful of the amount of content you intend to
convey through these banner assets.
 Check Balance, Rewards, Wealth & Post Transaction Page
Banner Placement

ATF

BTF
Layout
Safe Area Guideline
Make sure your visual, content & design
ATF
elements fit within this white region.
● Above The Fold (ATF)
Dimension : W 1440 x H 528 px
File Format : PNG
Resolution : 150ppi
Color Mode : RGB
Size : <250 KB

● Below The Fold (BTF)

Dimension : W 1440 x H 810 px
File Format : PNG
Resolution : 150ppi Make sure your visual, content & design
Color Mode : RGB BTF elements fit within this white region.
Size : <250 KB

The design of both 1440x528 & 1440x810 should

be the similar

The pink border is guideline safe area and it is not a part of the banner
Logo
Placement ATF
Make sure you add the Brand logo
within the logo placeholder

Make sure you add the Brand logo

within the logo placeholder

BTF

Ensure that the main brand logo unit isn’t repeated

within a single banner.
Ad tag
Guideline

Ad tags are available in two color options.

Use the Ad tag that gives maximum
contrast with the banner background.

Use light Ad tag on Dark color banners

These tags have a default opacity of 60%

Use the dark Ad tag on light color banners
Content
Font Size Guideline

Keep text short, simple and easily

viewable. Avoid long sentences.
Main content should be provided in English.
If localisation is required, it will be provided.

Max word count for banner content,

Headline: ≤6
(30 characters max limit)
Sub headline: ≤9
(30-35) characters max limit)
T&C’s/Disclaimer: 16 points
Disclaimer Make sure your you add the Brand
logo within the logo placeholder
Placement ATF

*T&C Apply
Place disclaimer here
T&C should be placed at the
bottom right of the banner and
right aligned to the logo

In case of longer disclaimer it should be centre

aligned at the bottom of the banner. Make sure your you add the Brand
logo within the logo placeholder

BTF
T&C’s/Disclaimer: 16 points

*T&C Apply
Place disclaimer here
CTA
Call To Action Guideline
The final shape of the CTA button should
always be within the Beam.
The max word limit for our CTA is ≤ 3.
40px font size, 36 padding

Call To Action
Safe area

Beam height - 70 - 80 px and Beam width - as per the CTA

Placement - below content (headline/sub headline)
CTA to be Title Case, Bold and contrasting to the beam
colour.

Avoid using App store and Play store icons in the

CTA buttons
Imagery
Guideline on visuals
Avoid designing the banner with
multiple images. It creates visibility and
comprehension issues, which leads to
low CTRs.

Ideally, we recommend 4 components for the banner

1. Logo
2. Headline (Sub headline if necessary)
3. Main visual
4. CTA
In case of multiple
categories/sub
brands within a
single banner
Suggestion
Prioritise 4 main categories/Images.
The rest can be accommodated/split in
another banner.
(Basically, have 2 banners instead of 1,
in case of information overload)
Ideal banner designs
List of banned inappropriate content
Content that promotes

● Discrimination on the basis of race or ethnic origin, religion,

disability, age, nationality, sexual orientation, gender, gender
identity.

● Physical or mental harm on oneself or others/mob lynching

● Violent language, gruesome imagery, or graphic images or

accounts of physical trauma

● Underage, non-consensual, or other illegal sexual themes

● Cruelty or violence towards animals

● Religion (religious motifs), political party, anti national elements

● Usage of alcohol or drugs or narcotic substances

● Content advocating bullying, suicide, anorexia

Logo Guideline
● The minimum dimension of the logo should be above 400x400 pixels
(excluding the blank area around the logo).

● The logo resolution must be intact without any pixelation.

● The logo should not be a photograph.

● The shared image should not be a collection/collage of multiple

logos/branding units.

● The file should be shared only as an attachment or via google drive.

(Use of any other online file-sharing services is prohibited as per the data
compliance policy).
Thanks