Promotion banner dimensions

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

Guide Materials

You can download the following resources for your banner creation:

How to Use the Canva Template (For Canva Users & Non-Canva Users)

Canva Users

1. Open the File menu
2. Select Make a Copy
3. Edit the banner using your own Canva account

Non-Canva Users

1. Open the File menu
2. Select Download
3. Choose either PPT, PNG, or JPG based on your design needs and preferred software

Hero Masthead - Designed With Text

Possible Usage: Homepage
Effective 1 Jan 2026

Hero Masthead - Desktop

Effective 1 Jan 2026

Hero Masthead – Desktop EN & CN

Requirements

  • Device: Desktop
  • Export Sizes: 1280px by 320px, 750px by 320px (Safe Area)
  • Aspect Ratio: 4:1
  • Format: JPEG
  • Maximum File Size: 250 – 500KB
  • Font: Lato (Regular & Bold)

(a) Designed with Text


(b) Using Text Input Template


Hero Masthead - Mobile

Effective 1 Jan 2026

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: Lato (Regular & Bold)

 

(a) Designed with Text


(b) Using Text Input Template


Desktop View

Mobile View

Hero Masthead - Using Text Input Template

Possible Usage: Homepage
Effective 1 Jan 2026

Hero Masthead (Using Text Input Template) - Desktop

Effective 1 Jan 2026

Hero Masthead – Desktop EN & CN

Requirements

  • Device: Desktop
  • Export Sizes: 1280px by 320px, 750px by 320px (Safe Area)
  • Aspect Ratio: 4:1
  • Format: JPEG
  • Maximum File Size: 250 – 500KB
  • Font: Lato (Regular & Bold)

 

Hero Masthead – Desktop EN

Hero Masthead – Desktop CN

Hero Masthead (Using Text Input Template) - Mobile

Effective 1 Jan 2026

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: Lato (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.

Promotion Details Page - Desktop & Mobile

Promotion Tiles – Desktop EN

Requirements

  • Device: Desktop & Mobile
  • Export Sizes: 216px by 144px
  • Aspect Ratio: 3:2
  • Format: JPEG
  • Maximum File Size: 200KB
  • Paragraph Font: Muli, Bold
  • Body Copy Font: Muli, Regular

Promotion Tiles – Desktop ZH

Requirements

  • Device: Desktop
  • Export Sizes: 216px by 144px
  • Aspect Ratio: 3:2
  • Format: JPEG
  • Maximum File Size: 200KB
  • Paragraph Font: Noto Sans, Bold
  • Body Copy Font: Noto Sans, Regular

Desktop View

Mobile View

Skinny Banner

Effective 1 Jan 2026

Skinny Banner - Desktop

Effective 1 Jan 2026

Skinny Banner – Desktop EN & ZH

Requirements

  • Device: Desktop
  • Export Sizes: 1280px by 168px, 750px by 168px (Safe Area)
  • Aspect Ratio: 7.62:1
  • Format: JPEG
  • Maximum File Size: 200 – 500KB
  • Font: Lato (Regular & Bold)


(a) With CTA

Note: Please include a CTA if the banner links out to a different page.

(b) Without CTA


Skinny Banner - Mobile

Effective 1 Jan 2026

Skinny Banner – Mobile EN & ZH

Requirements

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

(a) With CTA

Note: Please include a CTA if the banner links out to a different page.

(a) Without CTA


Desktop View

Mobile View

Featured Brands Banner

Effective 1 Jan 2026

Featured Brands Banner Portrait - Desktop

Effective 1 Jan 2026

Featured Brands Banner Portrait – Desktop EN

Requirements

  • Export Sizes: 432px by 342px
  • Format: JPEG
  • Maximum File Size: 100 – 300 KB
  • Font: Lato (Regular & Bold)

Featured Brands Banner Portrait – Desktop ZH

Requirements

  • Export Sizes: 432px by 342px
  • Format: JPEG
  • Maximum File Size: 100 – 300 KB
  • Font: Nato Sans SC (Regular & Bold)

Featured Brands Banner Portrait - Mobile

Effective 1 Jan 2026

Featured Brands Banner Portrait – Mobile EN

Requirements

  • Export Sizes: 300px by 280px
  • Format: JPEG
  • Maximum File Size: 100 – 300 KB
  • Font: Lato (Regular & Bold)

Featured Brands Banner Portrait – Mobile ZH

Requirements

  • Export Sizes: 300px by 280px
  • Format: JPEG
  • Maximum File Size: 100 – 300 KB
  • Font: Nato Sans SC (Regular & Bold)

Desktop View

Mobile View

Brand Lite Page Banner

Effective 1 Jan 2026

Brand Lite Page Banner - Desktop

Brand Lite Page Banner – Desktop EN & ZH

Requirements

  • Export Sizes: 1280px by 168px, 750px by 168px (Safe Area)
  • Aspect Ratio: 7.62:1
  • Format: JPEG
  • Maximum File Size: 250 – 500 KB
  • Font: Lato (Regular & Bold)

Brand Lite Page Banner – Desktop EN

Brand Lite Page Banner – Desktop ZH

Brand Lite Page Banner - Mobile

Brand Lite Page Banner – Mobile EN & ZH

Requirements

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


Desktop View

Mobile View