Skip to main contenteBay Playbook

UI and badging

UI and badging in social connects our marketing and top of funnel campaigns through to our product. These elements are purely decorative and not meant to be clickable or functional. They serve as visual guides for showcasing product features and help facilitate more in-depth storytelling.

UI and badging types

Authenticity Guarantee and eBay Refurbished

Use the Authenticity Guarantee badge for the Luxury and Sneakers verticals and eBay Refurbished for the Refurbished vertical. For the UK market use “Refurbished on eBay”. Learn where to use outlined and filled icons, as well as color in Program badges.

Two stacked Authenticity badges. The top is black outlined and the bottom is blue filled.
Two stacked single line outlined refurbished badges. The top reads “eBay Refurbished” and the bottom reads “Refurbished on eBay”.
A single line outlined Authenticity badge lockup.

Social-specific stacked variation specs

The stacked version of the Authenticity Guarantee lockup is built by scaling the 24px icon to 128px. Once the lockup is built to these specs, it can be scaled proportionally to any size needed. Download Authenticity Guarantee stacked SVG & PNG assets.

A stacked Authenticity Guarantee where the icon is 128x128px and 16px below is the stacked copy 188px wide. The font is 32/34 bold with -2% letter spacing.

Guaranteed Fit

Use “eBay Guaranteed Fit” for the North American market and “eBay Assured Fit” for the UK.

A green filled circle icon with a white checkmark.
Two stacked Guaranteed Fit badges with filled green icons. Top reads “eBay Guaranteed Fit” and bottom reads “eBay Assured Fit”.

Influencer handles

Use white containers for influencer handles. Add an avatar of an influencer if available. If not, use a text only handle.

Two white containers of influencer handles. The one on the left has an avatar of the influencer. The right is text only.

Placement

For UI placement, you have the option to center-align within the layout, or utilize the layout corners when text support is available.

A center-aligned Authenticity Guarantee badge lockup.

Center

UI badges with a green filled eBay Guaranteed Fit icon in each corner of a UI layout.

Corners

Visual examples

Authenticity Guarantee

A full bleed image of a woman holding out her hand with purple nails and stacks of gold rings and bracelets. In the upper right corner is a card with a gold, diamond and emerald ring with a blue Authenticity Guarantee badge in the upper right corner.

Icon tracking product

Icon with footage

A full bleed image of a woman holding a brown handbag with a full logo Authenticity Guarantee with a blue filled icon in the center.

Badge lockup

A full bleed overhead shot of a person holding a pair of Adidas sneakers with a UI badge in the upper left corner.

UI badge

Guaranteed Fit

A full bleed card with a car tire and green badge icon in the upper right corner on a full bleed image ad of the hood of a yellow car.

Icon within image

Full UI badge in footage

A full bleed image of an engine with a full logo UI badge centered over it.

Full UI badge

Creator handle

A full bleed image of a young woman wearing a pink and green outfit with a text only influencer tag in the lower right corner.

Static

Simplify a busy image with text only influencer tag.

Motion

Apply simple pop-up motion to handles and place them relative to the influencer.

Native graphics

Three mobile screens with full bleed images. The first is a reel of a man wearing pink and looking down into the camera with a AMA sticker. The second is a story of a woman holding her hands with long nails, gold rings and bracelets above water with an emoji slide sticker. The last is a story of a hand holding a sneaker in front of a Nike box with a link sticker.

Utilize native UI graphic elements to elevate the interaction and achieve a design that closely resembles an authentic post.

Best practices

Use one badge at a time.

A full bleed image of a person sitting in a BMW driver’s seat with her knee up. A Guaranteed Fit filled icon badge is in the lower left corner.

Avoid using more than one UI icon or badge.

A full bleed image of a person sitting in a BMW driver’s seat with her knee up. A badge and icon are stacked in the lower left corner. A Guaranteed Fit filled icon badge with a “25% OFF” icon below.

Only use UI as a functional badge of trust.

An overhead image of a person’s shoes and zebra print handbag. A blue filled Authenticity Guarantee icon is in the upper right corner.

Avoid using heart UI, or UI as a decorative element.

A full bleed lifestyle image of a person with a black corset over a white shirt and braids looking straight faced into the camera. A heart icon is in the upper right corner.

Make sure centralised badges are clearly legible and on a clear background.

A full bleed image of a woman holding a brown leather handbag under her arm. An Authenticity badge is centered on the image to where the copy under the badge is directly over the brown of the handbag.

Avoid busy backgrounds when using centralised badges.

A full bleed image of a person’s lower legs wearing animal print Adidas sneakers. The badge is centered in the middle but over the busy pattern of the sneakers.

Resources

Change log

DateNotes
Dec, 2024
  • Created with eBay Evo