Graphic promotion

Anatomy

1. Sponsored label or kicker
2. Sponsored logo
3. Headline
4. Strap line
5. CTA - Desktop and tablet only
6. Image (scrims manually added)

Styles

Graphic Promotions come in two distinct layouts, Portrait and Landscape. You can't choose either of these options as the component automatically changes orientation across breakpoints.

Landscape

Works across Tablet and Desktop sizes. They always contain a button, and only the button is clickable or tappable. Choose the appropriate composition to suite the image.

🎒Bpk Graphic Promotion • Landscape, Sponsored=False, Alignment=Centre, Size=Desktop

🎒Bpk Graphic Promotion • Landscape, Sponsored=False, Alignment=Right, Size=Desktop

🎒Bpk Graphic Promotion • Landscape, Sponsored=True, Alignment=Left, Size=Desktop

🎒Bpk Graphic Promotion • Landscape, Sponsored=False, Alignment=Left, Size=Desktop

🎒Bpk Graphic Promotion • Landscape, Sponsored=True, Alignment=Centre, Size=Desktop

🎒Bpk Graphic Promotion • Landscape, Sponsored=True, Alignment=Right, Size=Desktop

Portrait

Works across mobile and small Tablet sizes. They don’t have a button as the entire area is a touch target.

🎒Bpk Graphic Promotion • Portrait, Sponsored=False, Alignment=Top, Size=Mobile

🎒Bpk Graphic Promotion • Portrait, Sponsored=True, Alignment=Top, Size=Mobile

🎒Bpk Graphic Promotion • Portrait, Sponsored=False, Alignment=Bottom, Size=Mobile

🎒Bpk Graphic Promotion • Portrait, Sponsored=True, Alignment=Bottom, Size=Mobile

Examples