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

Landscape works across Tablet and Desktop sizes. The style contains a button which is the clickable or tappable surface. Choose the appropriate composition to suit 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

Portrait works across mobile and small tablet sizes. This surface doesn’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