Promotion banner dimensions

This page explains the required banner dimensions for different types of promotions, including Hero Masthead, Limited Offers, Brand Promotion Tiles, and Product Detail Page placements.

You can download this guide as a PDF by clicking on this link.

Hero Masthead

Possible Usage: Homepage

Hero Masthead - Desktop

Hero Masthead – Desktop EN & CN

Requirements

Device: Desktop
Export Sizes: 1300px by 320px, 750px by 280px (Safe Area)
Aspect Ratio: 4.06:1
Format: JPEG
Maximum File Size: 250 – 500KB
Font: Muli, Utopia (Regular & Bold)

Hero Masthead – Desktop EN

Hero Masthead – Desktop CN

Hero Masthead - Mobile

Hero Masthead – Mobile EN & CN

Requirements

Device: Mobile
Export Sizes: 750px by 300px, 360px by 300px (Safe Area)
Aspect Ratio: 5:2
Format: JPEG
Maximum File Size: 200 – 500KB
Font: Muli, Utopia (Regular & Bold)

Hero Masthead – Mobile EN

Hero Masthead – Mobile CN

Desktop View

Mobile View

Limited Offers

Possible Usage: Homepage
Note: Prepare one image (without text) and copy text in both EN and CN. *Only one image is required, sized according to desktop version’s dimensions.

Limited Offers - Desktop

Limited Offers – Desktop EN

Requirements

Device: Desktop
Export Sizes: 840px by 560px
Aspect Ratio: 3:2
Format: JPEG
Maximum File Size: 200KB
Paragraph Font: Muli, Bold
Body Copy Font: Muli, Regular
Text Link Font: Muli, Bold

Limited Offers – Desktop CN

Requirements

Device: Desktop
Export Sizes: 840px by 560px
Aspect Ratio: 3:2
Format: JPEG
Maximum File Size: 200KB
Paragraph Font: Noto Sans, Bold
Body Copy Font: Noto Sans, Regular
Text Link Font: Noto Sans, Bold

Limited Offers - Mobile

Limited Offers – Mobile EN & CN

Requirements

Device: Mobile
Export Sizes: 670px by 446px
Aspect Ratio: 3:2
Format: JPEG
Maximum File Size: 200KB
Paragraph Font: Muli, Bold
Body Copy Font: Muli, Regular
Text Link Font: Muli, Bold
Thumbnail Image: Thumbnail image will be resized accordingly from the hero image provided.

Desktop View

Mobile View

Brand Promotion Tiles

Possible Usage: Category Landing Page, Promotion Landing Page, Brand Listing Page
Note: Prepare one image (without text) and copy text in both EN and CN. *Only one image is required, sized according to desktop version’s dimensions.

Promotion Tiles - Desktop

Promotion Tiles – Desktop EN

Requirements

Device: Desktop
Export Sizes: 840px by 560px
Aspect Ratio: 3:2
Format: JPEG
Maximum File Size: 200KB
Paragraph Font: Muli, Bold
Body Copy Font: Muli, Regular
Text Link Font: Muli, Bold

Promotion Tiles – Desktop CN

Requirements

Device: Desktop
Export Sizes: 840px by 560px
Aspect Ratio: 3:2
Format: JPEG
Maximum File Size: 200KB
Paragraph Font: Noto Sans, Bold
Body Copy Font: Noto Sans, Regular
Text Link Font: Noto Sans, Bold

Promotion Tiles - Mobile

Promotion Tiles – Mobile EN & CN

Requirements

Device: Mobile
Export Sizes: 670px by 446px
Aspect Ratio: 3:2
Format: JPEG
Maximum File Size: 200KB
Paragraph Font: Muli, Bold
Body Copy Font: Muli, Regular
Text Link Font: Muli, Bold

Desktop View

Mobile View

Product Detail Page Promotion

Possible Usage: Product Detail Page Promotion
Note: Prepare one image (without text) and copy text in both EN and CN. *Only one image is required, sized according to desktop version’s dimensions.