Stacks

Discovery is at the heart of the eBay experience and our new approach to expressing our brand brings that notion to the forefront of all our communications. We’ve developed a visual mechanism, the stack, to demonstrate the different experiences customers have when searching for their perfect item.

Three ads that show the different stack options for images.

Image ratio

We employ two image ratios for crafting our stack layouts, depending on their intended usage: 1:1 (square) and 4:3 (portrait and landscape).

A graphic highlighting 1:1 and 4:3 image aspect ratios.

Stack types

Our layout options are flexible and broad enough to cover all use cases—from showing off our cross-category catalog, to honing in on a singular item—our new system tells our brand story in unique and dynamic ways.

Graphic, black rectangular shapes in portrait orientation in a neat grid of 3 columns and 3 rows.

Catalog

Catalog uses a modular grid layout that displays our product variety.

Graphic, black square shapes moving in a diagonal direction from bottom left to top right. The squares grow in size as they move upward.

Discovery

Discovery has a distinct layout that plays with scale and repetition.

Three graphic, black rectangular shapes in portrait orientation overlapping organically in an expressive way.

Browse

Browse is the most expressive stack, adding a sense of playfulness.

Catalog

The catalog layout offers flexibility and can be crafted in various methods.

A large screen banner design on a white background. There is a neat grid of 7 columns and 3 rows of portrait orientation images containing hand bags, shoes, jackets, and people.

Density

When using the catalog layout, display a minimum of three cards. Always be aware of image quality and sizing, ensuring that photography is readable. 
Corner radii and spacing between cards are determined by using multiples of 8.

Curation of imagery

Tell our brand story through photography by selecting images that subtly incorporate eBay's colors into the overall composition without being the main focus or appearing too overt.

Discovery

We have two types of discovery stacks including uniform and scaled.

Uniform

Images within a uniform stack remain the same size and use the same radius.

Scaled

To create a scaled stack, we start with the largest card and decrease the size of each subsequent card by 25%.

When using the discovery stack, display a minimum of three cards. Always be aware of image quality and sizing, ensuring that photography is readable. 
Corner radius and spacing between cards are determined by using multiples of 8. The smallest radius is 8 and scales upward from there.

Layering

Uniform

When using the uniform stack, ensure that more than 50% of each card is visible, including the edges of the cards.

Scaled

When using the scaled stack, the overlapping card must not exceed 25% of the overlapped card size. Ensure product visibility stays within the approved overlap area.