Image Banner Components
Image-led sections for campaigns, category shortcuts and promotions. Unlike heroes, banners carry the message in the artwork itself, so every banner takes alt text and can link somewhere.
Full Width
Edge-to-edge banner with a fixed aspect ratio. The workhorse for seasonal and campaign artwork at the top of a page.
Contained
The same banner inside the page container with rounded corners, so it sits neatly between text sections.
Split (Two Up)
Two independently linked banners side by side, stacking on mobile. The classic retail "shop this / shop that" layout.
Grid (Three Up)
Three equal banners in a row for category shortcuts. Each image can point at a different collection.
Mosaic
One large banner with two smaller ones beside it. An editorial layout that gives one message priority.
Promo Strip
A thin full-bleed bar for promotional artwork such as free delivery or sale announcements. Three heights are available.
Overlay Label
An image with a short label placed over it. Use this when the banner needs a few words of context but not a full hero headline.
Shop the sale
Up to 40% off selected lines