Introduction

The Branding Display Spotlight Solo is a responsive horizontal display banner consisting of a still image and a redirect link.

Rendering Examples

Desktop

Mobile

Specifications

Web

Background image size: 1400 x 450 px with a safety zone of 576 x 200 px centered in the image.
The branding zone height is adapted or set with the retailer.

Mobile

• Background image size: 1280 x 400 pixels or 1200 x 1000 pixels. Please note that only one of these size will be used once chosen.
• The creative width is equal to 100% of the parent div. It scales in proportion. When the width reduces, the height reduces as well. The background image is never cropped.

Available Options

Redirection

When a user clicks on the branding zone, they should be redirected to the link defined within the response. There are two possible redirection options:

• Self (open in the same tab)
• Blank (open in a new tab)

A Call to Action (CTA) button can be added as an option.

Legal Text

Legal text can be added as an option and is always be visible (90 characters maximum, including spaces).

More Info

More info text can be added as an option (180 characters maximum, including spaces).

If the option is enabled:

• While hovering over the branding zone, an (i) icon is displayed in the top-left corner.
• When hovering the (i) icon, the More info text is displayed on top of the branding zone. It is always visible on mobile or is displayed when the user click on see more.

Color Mode

On desktop, the advertiser can choose between two preset color modes to ensure the best contrast legal and the branding zone. Options appear while hovering over the Branding Zone.

Light mode

Background color: #FFFFFF 80% Icon color: #6A6A6A Legal text color: #000000

Dark mode

Background color: 6A6A6A 80% Icon color: #FFFFFF Legal text color: #FFFFFF

Technical Details

Web

Dimensions
Background image size: 1500×1500 px, with a safety zone of 540×740 px.

Device Support This asset can cover both desktop and mobile/APP placements based on the detected device and layout.

Component Placeholders There are two component placeholders which are margins, ensuring that available options (legal text and CTA) are not clashing with the safety zone.

Alignment and Cropping Both the safety zone and component placeholders are centered in the image. The background image itself must also be centered within the branding zone. Cropping behavior depends on placement width:

• At 1400 px and above, the full image is displayed.
• Between 576 px and 1399 px, the image is cropped on both sides, preserving the safe zone.
• Below 576 px, or when a mobile device is detected, the format switches to mobile: the banner scales to 100% of device width, preserving its original aspect ratio.

Scaling Rules Based on the device and grid size, the background image is displayed at one of the following scales:

• 50% (750×750),
• approximately 33.33% (500×500),
• or 26% (390×390).

Fallback Behavior If the image's width or height exceeds 750 pixels, or if it does not align with the grid layout, a background color can be applied as a fallback.

Click Behavior The entire background image is fully clickable and must support a redirection link.

Desktop

CTA Button

• Size: 150x30px
• Font: Roboto Regular 12px

More Info

Space size occupied by legal depends on the tile width. The text is in front of a layer (which color depends on the color mode).

• Font: Roboto Regular 12px
• More info height depends on the length of the text.

The CTA and legal text is centered with the banner.

Mobile

The creative width is equal to 100% of the parent div. It scales in proportion. When the width reduces, the height reduces as well. The background image is never cropped.

The banner is 100% of the width of the device, and scales the creative proportionally.

Response Keys

Response Example

{
  "status": "OK",
  "placements": [{
    "viewHome_API_desktop-branding-display-spotlight-solo": [{
      "format": "BDSS",
      "products": [],
      "rendering": {
        "background_image": "/creativeassets-live/desktop-banner.jpg",
        "background_image_alt_text": "Alt text for desktop background image",
        "mobile_background_image": "/creativeassets-live/mobile-banner.jpg",
        "mobile_background_image_alt_text": "Alt text for mobile background image",
        "redirect_url": "https://www.example.com/product",
        "redirect_url_app": "app://product",
        "redirect_target": "_self",
        "cta_text": "Buy Now",
        "cta_text_color": "#FFFFFF",
        "cta_color": "#CCCCCC",
        "legal_text": "© 2025 Example Co. All rights reserved.",
        "more_info_text": "Click to view terms and conditions.",
        "color_mode": "light"
      },
      "OnLoadBeacon": "//b.us5.us.criteo.com/rm?rm_e=OnLoadBeaconExample&ev=2",
      "OnViewBeacon": "//b.us5.us.criteo.com/rm?rm_e=OnViewBeaconExample&ev=2",
      "OnClickBeacon": "//b.us5.us.criteo.com/rm?rm_e=OnClickBeaconExample&ev=2",
      "OnBundleBasketChangeBeacon": "//b.us5.us.criteo.com/rm?rm_e=OnBundleBasketChangeExample&ev=2"
    }]
  }]
}