Promo Cards

The Promo Cards reside on the Landing Page. They are a great way of highlighting what’s going on in your sportsbook. There are currently six default card types but you can also create your own cards using the Widget-API. 



The cards types are: Coupon, Editorial, Live Right Now, Starting Within, Featured Leagues and Next Off. 



Variations

Mobile

01.PromoCards-Mobile.png
No arrows are used to show overflowing cards on mobile.

Mobile background image sizes

  • 1x = 136 x 160 px, 72 dpi
  • 2x = 272 x 320 px, 72 dpi
  • 3x = 408 x 480 px, 72 dpi

Coupon Card.png
Coupon Card.

Editorial Card.png
Editorial Card.

Live Right Now Card.png
Live Right Now Card.

Starting Within Card.png
Starting Within Card.

Featured League Card.png
Featured League Card.

Next Off Card.png
Next Off Card (only relevant if you have the Kambi horse racing & greyhounds product).

Desktop

02.PromoCards-Desktop.png
Arrows are used to indicate more content on desktop.

Desktop background image sizes

  • 1 x = 320 x 200, 72 dpi
  • 2 x = 640 x 400, 72 dpi
  • 3 x = 960 x 600, 72 dpi

Coupon Card.png
Coupon Card.

Editorial Card.png
Editorial Card.

Live Right Now Card.png
Live Right Now Card.

Starting Within Card.png
Starting Within Card.

Featured League Card.png
Featured League Card.

Next Off Card.png
Next Off Card (only relevant if you have the Kambi Horse Racing & Greyhounds product).

Usage

The entire Promo Card component can be turned on or off.

The cards use a standard set of Kambi stock images with an applied gradient based on your brand colors. You have the option of using your own images but you will have to host them yourself. The texts and text backgrounds within the cards can be configured. The position of the text and the objects are locked.

You can prepare for retina screens by supplying three sizes of each Promo Card marked as @x1, @x2 and @x3. The higher resolution images will only load for users that have retina screens. If you will be using our Sketch file as a template for your Promo Cards, we strongly suggest that you use the @x3 size background images which makes you able to export @x1, @x2 and @x3 keeping the full resolution.

The Promo Cards can be found in the "Media assets" Sketch file included in the UI Kit download.

For information please read the landing page release notes (password protected, it's for Kambi Partners only).