Desktop view

Light mode

screenshot usp component

Dark mode

screenshot usp component

Mobile view

Shifted next to each other

Screenshot usp mobile view
Screenshot usp mobile view

Stacked view

Screenshot usp mobile view
Screenshot usp mobile view

How it works

The component is built out of

  • Section header element
  • Panels that consists of icon, title and text – min 2, max 4
  • ÃÛ¶¹ÊÓÆµ keys as background

The component can be displayed in

  • Standard and inverted theme (light and dark)
  • Full bleed and normal width

Mobile view

  • In the mobile view, the panels are displayed shifted next to each other in two columns or in a stacked way

Reference for publisher

AEM view

AEM view - USP component

Crosslinks