tutorial 5 min
Promotion Banner Dimensions
This guide covers dimensions and specs for each banner type used on iShopChangi.
Guide Materials
Download the following resources for your banner creation:
Hero Masthead
Designed with Text
Possible Usage: Homepage
Hero Masthead - Designed with Text: Desktop Requirements
- 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- Designed with Text: 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)
Using Text Input Template
Possbile Usage: Homepage
Hero Masthead - Using Text Input Template: Desktop 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 - Using Text Input Template: Mobile 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)
Limited Offers
Possible Usage: Homepage
Prepare one image (without text) and copy text in both EN and CN. Only one image is required, size according to desktop version's dimensions.
Limited Offers: Desktop Requirements
- Dimensions/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
Mandarin
- Dimensions/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 Requirements
- Dimensions/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.
Brand Promotion Tiles
Possible Usage: Category Landing Page, Promotion Landing Page, Brand Listing Page
Prepare one image (without text) and copy text in both EN and CN. Only one image is required, size according to desktop version's dimensions.
Brand Promotion Tiles: Desktop Requirements
English
- 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
Mandarin
- 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
Brand Promotion Tiles: Mobile 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
Product Detail Page Promotion
Possible Usage: Product Detail Page Promotion
Prepare one image (without text) and copy text in both EN and CN. Only one image is required, size according to desktop version's dimensions.
Product Details Page: Desktop & Mobile Requirements
English
- 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
Mandarin
- 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
Skinny Banner
Skinny Banner: Desktop Requirements
For both English & Mandarin versions
- 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
Please include a CTA if the banner links out to a different page.
(b) Without CTA
Skinny Banner: Mobile Requirements
For both English & Mandarin versions
- 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
Please include a CTA if the banner links out to a different page.
(b) Without CTA
Featured Brands Banner
Featured Brands Banner: Desktop Requirements
English
- Export Sizes: 432px by 342px
- Format: JPEG
- Maximum File Size: 100 – 300 KB
- Font: Lato (Regular & Bold)
Mandarin
- Export Sizes: 432px by 342px
- Format: JPEG
- Maximum File Size: 100 – 300 KB
- Font: Nato Sans SC (Regular & Bold)
Featured Brands Banner: Mobile Requirements
English
- Export Sizes: 300px by 280px
- Format: JPEG
- Maximum File Size: 100 – 300 KB
- Font: Lato (Regular & Bold)
Mandarin
- Export Sizes: 300px by 280px
- Format: JPEG
- Maximum File Size: 100 – 300 KB
- Font: Nato Sans SC (Regular & Bold)
Brand Lite Page Banner
Brand Lite Page Banner: Desktop Requirements
For both English & Mandarin versions
- 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: Mobile Requirements
For both English & Mandarin versions
- 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)
