Skip to content
UI Kit
Accent color

Banners

Announcement bars and promotions.

2 components · 9 variants
Switch category

banner

Banners

Announcement bars, notices, countdowns and promotions that step aside when closed.

Props and details · Banners

promo

Promo tiles

Campaign tiles for shops and offers. A sale, a new collection, a gift card or a subscription, each as one link with an image, a short line and a sticker.

Props and details · Promo tiles

Two tiles

Two equal campaign tiles. The photo drifts while scrolling and zooms on hover, the caption card lifts and the sticker straightens up. The whole tile is the link.

Open in Studio

Mosaic

One tall tile for the main campaign, two small ones beside it. On tablets the main tile spans the width, on phones all three stack.

Open in Studio

Offer rail

Offer cards with sticker and end date in a row that scrolls by arrows, mouse drag or swipe. Cards lift on hover, a progress line shows where you are below desktop.

Open in Studio

Similar components

More from Marketing, the same area of the kit.

Often combined with

Sections that usually sit next to Banners on a page.

Often searched

Jump to

Copied to the clipboard