Amazon Store Creative Guidelines

9 mins
Written By  Paige
Published On Wednesday 4th October
Contents

The following article contains all the guidelines you will need to meet Amazon's content specification requirements for your storefront creation. A store page contains customisable sections of tiles. Each tile can include content such as text, images, videos and products.

Section limits per page

Every Store page has a header section built in and needs to have at least one additional content tile. Each page can have up to 20 sections total, which can consist of a maximum of:

  • Four background video tiles
  • One product grid tile
  • One gallery tile
  • One featured deals tile
  • One recommended products tile

If you reach the limit of one of these tile types, you won’t be able to add another unless you delete an existing tile of that type. Alternatively, you can change the content in any existing tile of that type.

Split sections

Split sections contain multiple tiles that can be arranged into a variety of layouts.

Single-row split sections are variable in height. To configure the height, click on the gear icon and use the height adjustment control.

Tile sizes

There are two categories of tiles in Stores: basic tiles and variable-height tiles.

Basic tiles

Basic tiles are locked to a specific aspect ratio. There are four basic tile sizes: full width, large, medium and small.

Sizes available by tile type

Tile type Full width Large Medium Small
Text Yes Yes Yes Yes
Image Yes Yes Yes Yes
Image with text Yes Yes Yes Yes
Shoppable image Yes Yes Yes Yes
Video Yes Yes Yes No
Background video Yes Yes Yes No
Gallery Yes No No No
Product Yes Yes Yes Yes
Product grid Yes No No No
Best sellers Yes No No No
Recommended products Yes No No No
Featured deals Yes No No No

Variable-height tiles

Variable-height tiles allow the aspect ratio of the tile to change, depending on the height of the content. Image and text tiles support variable height.

  • To configure the height within a split section, click on the gear icon and use the height adjustment control.
  • For full-width image and image with text tiles, crop the image to make it shorter in height.

Tile types

Header

The header appears at the top of your Store and includes a hero image, brand logo and navigation bar.

The hero image appears at the top of every page in your Store, above the navigation bar and helps to separate your Store’s navigation and content from Amazon’s.

We recommend carefully selecting your hero image on each page, as these images are the first thing that shoppers will see when they arrive on your Store. This visual greeting can help make a lasting impression.

Safe zones for hero images

To ensure that your hero image looks great on any device, Amazon require a safe zone, which is an area in the centre of your image that will always be visible. This safe zone is crucial because it prevents important elements, such as text or key visuals, from being cropped or obscured when viewed on different screen sizes. By keeping critical details within this area, you ensure a consistent and professional appearance across all devices. Following these Amazon product image tips will help highlight your product effectively while maintaining a polished and customer-friendly design.

  • In some cases, up to 30% of the hero image will be cropped, which includes 15% from both the left and right sides.
  • All vital parts of your hero image should be kept inside the safe zone to ensure a high-quality display for shoppers.

Brand logo and navigation bar in header

The navigation bar appears underneath the hero image and contains links to every page in your Store, beginning with your Store homepage.

The brand logo acts as a home button and is displayed on all pages in the navigation.

Header specs

Header element Min. image size Max. file size
Hero image 3,000 Ă— 600 px 5 MB
Brand logo 400 Ă— 400 px 5 MB

Text tile

Text tiles contain freeform text and can link to a Store page or detail page.

Text can be positioned to the left, right, in the centre or justified.

Image tile

Image tiles can link to a Store page or product detail page.

Safe zones for images with link titles

Adding a link title to an image tile will cover some of the image.

For rectangle images (medium and full-width tiles) with link titles, about 19% of the image will be obscured at the bottom.

For square images (small and large tiles) with link titles, about 12% of the image will be obscured at the bottom

Mobile images

All image tiles allow you to optionally use a custom image and layout for mobile devices.

  • Certain text fields aren’t supported with the custom mobile layout option and will only be shown to shoppers on desktop.
  • If you choose this option, make sure that you preview the tile on both mobile and desktop to ensure that you have high-quality results on each.
  • Custom mobile layouts in full-width, large and medium image tiles aren’t restricted to a specific aspect ratio, so they can vary in height and shape from your desktop layout.

Embedded text in images

Uploading images with embedded text is not encouraged. The text will not be readable by search engines or by people who rely on screen readers to navigate your Store. To add text to images, use the “Image with text” tile option.

Image tile specs

Tile size Max. file size Min. image size (desktop) Min. image size (custom mobile)
Full width 5 MB 1,500 Ă— 20 px* 1,680 Ă— 20 px*
Large 5 MB 1,500 Ă— 1,500 px 1,680 Ă— 20 px*
Medium 5 MB 1,500 Ă— 750 px 1,680 Ă— 20 px*
Small 5 MB 750 Ă— 750 px 750 Ă— 750 px

* For a high-resolution display on all devices, an image width of 3,000 px is recommended. If a title is added to the image tile, the image height must be at least 32 px.

Image with text tile

The image with text tile has two layout options:

Text over image

This layout lets you overlay text directly onto an image. It includes the ability to:

  • Link to a Store page or product detail page
  • Add multiple text elements such as prefix, heading, body and link text
  • Choose text size, alignment and content padding
  • Configure the colours and placement of the text overlay on the image

Text next to image

This layout lets you add text beside an image. It includes a header and description text.

Image with text tile specs

Layout Tile size Min. image size
Text over image Full width 3,000 Ă— 1,500 px
Text over image Large 1,500 Ă— 1,500 px
Text over image Medium 1,500 Ă— 750 px
Text over image Small 750 Ă— 750 px
Text next to image Full width 1,500 Ă— 1,500 px
Text next to image Large 1,500 Ă— 1,500 px
Text next to image Medium 750 Ă— 750 px
Text next to image Small 750 Ă— 750 px

Shoppable image tile

Shoppable images showcase up to six products with interactive points. Shoppers can interact with the points to see key information and continue to purchase.

  • Information such as the product name, image, Prime badge, price, star rating and shopping actions will be shown.
  • Each product links to its product detail page.

Shoppable image specs

Tile size Max. file size Min. image size
Full width 5 MB 1,500 Ă— 750 px*
Large 5 MB 1,500 Ă— 1,500 px
Medium 5 MB 1,500 Ă— 750 px
Small 5 MB 750 Ă— 750 px

* For a high-resolution display on all devices, an image width of 3,000 px and height of 1,500 px is recommended.

Video tile

Video tiles are shown in a player that shoppers can click to play. The shopper can play and pause the video, control the volume and view the video full screen.

  • Both a video file and a cover image are required.
  • Cover images are used for the video’s resting state (before the user presses play).
  • Plays full screen on mobile devices.
  • Plays inline on desktop, with an option to expand to full screen.

Video tile specs

Tile size Min. cover image size Min. video resolution Min. to max. aspect ratio File requirements
Full width 3,000 Ă— 1,500 px 1,280 Ă— 640 px 6:4 to 8:3 MP4 file format. H.264 video codec.
Large 1,500 Ă— 1,500 px 640 Ă— 640 px 3:4 to 4:3 MP4 file format. H.264 video codec.
Medium 1,500 Ă— 750 px 450 Ă— 320 px 6:4 to 8:3 MP4 file format. H.264 video codec.

Background video tile

Background videos auto-play and auto-replay on silent while visible within the screen. They play inline on desktop and mobile.

  • Background videos don’t provide video player controls for shoppers; they’re meant to set a tone and enrich the visual experience of the page.
  • Only a video file is required. No cover image needed.

Background video tile specs

Tile size Min. video resolution Max. height Min. video length Min. to max. aspect ratio File requirements
Full width 1,280 Ă— 640 px 1,500 px 2 to 20 seconds 6:4 to 8:3 MP4 file format. H.264 video codec.
Large 1,280 Ă— 640 px 640 px 2 to 20 seconds 3:4 to 8:3 MP4 file format. H.264 video codec.
Medium 1,280 Ă— 640 px 320 px 2 to 20 seconds 6:4 to 8:3 MP4 file format. H.264 video codec.

Gallery

The gallery section shows up to eight images in a full-width grid layout.

Gallery specs

Min. image size
1,500 Ă— 750 px

Product tile

When used with split sections, product tiles highlight a single product, show price and Prime status, and link to a product detail page.

Medium tiles can include a custom product title and description. Full-width product tiles have two layout options:

  • Product detail: Automatically shows information from the detail page and a call to action such as “Add to basket”.
  • Product editorial: Includes a custom title and description, as available on medium tiles.

Product tile specs

Layout Tile size Title Description
Product detail Full width Pulls from detail page Pulls from detail page
Product editorial Full width Custom Custom
Product with text Medium Custom Custom

Product grid

The product grid shows four or more products in a full-width grid layout.

  • Information such as the product name, image, Prime badge, price, star rating and shopping actions will be shown.
  • Each product links to its product detail page.

The list of products can be added:

  • Manually by searching for keywords or ASINs.
  • Manually by entering a list of up to 500 ASINs.
  • Automatically using keywords, if your Store is associated with your brand in the catalogue.

There are two types of product grid layout options: standard and tall.

Standard product grid

Products are shown in a square grid. This style works for product categories that use square or wide rectangular images.

An “Add to basket” button lets shoppers add items to their Amazon basket directly from your Store. The button won’t show if the product:

  • Has multiple variations (such as sizes or colours) to choose from before purchasing
  • Allows for clipping vouchers
  • Is out of stock in your inventory, even if available through third-party sellers
  • Is categorised as “Clothing”

Tall product grid

Products are shown in a tall grid. This style works for product categories that use tall vertical images, such as in fashion categories.

The “Add to basket” button is hidden for all products in the tall grid.

Best seller tile

The best seller tile shows the top-selling products associated with your brand. It automatically shows five products at a time.

This tile can only be selected if your Store is associated with your brand’s products in the catalogue. The tile won’t be shown if there are no best seller products. If you don’t see this tile in the Store builder, contact Amazon support.

Recommended products tile

The recommended products tile shows products associated with your brand that are recommended to a shopper based on previous shopping history. It automatically shows five products at a time.

This tile can only be selected if your Store is associated with your brand’s products in the catalogue. The tile won’t be shown if there are no recommended products. If you don’t see this tile in the Store builder, contact Amazon support.

Featured deals tile

The featured deals tile shows products with active promotions. The products will automatically appear in the tile for as long as the promotions last. When a promotion ends, products associated with the promotion will no longer appear in the tile.

Promotions that show in the tile include Best Deal, Deal of the Day and Limited-time Deal. Voucher-based promotions won’t appear. You can choose for the tile to feature:

  • “All products”, meaning that all of your Store products and all products in the catalogue associated with your Store will appear in the tile when they have active deals.
  • “A curated set of products”, meaning that you enter the ASINs of specific products that you want to feature, and they will appear in the tile when they have active deals and are in stock. The products will appear in the order in which you enter them. Child ASINs must be used; parent ASINs are not supported.

Here’s how the tile will look to shoppers when you have active promotions on:

Four or more products

Your products will appear in a full-width, four-column grid section underneath the “featured deals” title (see below for example of two products).

Two to three products

Your products will appear in a centre-aligned section underneath the “featured deals” title (example of two products shown below).

One product

Your single product will appear in a full-width section, without the “featured deals” title.

No products

A banner will appear to let shoppers know that there aren’t currently featured deals.

Written By  Paige
Share On:
chevron-down