Standard
Title and description within a page — e.g. as a boxed example below. Page headers now use the hero variant throughout.
Buttons
All button roles (Primary, Secondary, Positive, Negative, Tertiary) in the brand colors.
Hero
Full-width gradient banner — as seen on the home page.
See this page's own header at the very top — that's already a hero.
Callout
Highlighted note within a page, e.g. for an important addition.
rel="noopener noreferrer" with target="_blank"
A link that opens in a new tab should carry rel="noopener noreferrer". Without noopener, the opened page gets access to the original window via window.opener — a security risk. A visual cue (icon) should also signal that a new tab will open.
CTA / Promo card
Clickable promotional card with a button-styled link for a single offer — unlike Callout (a passive note), the CTA card is an active call to action, e.g. inside a card grid next to Tile/ImageBlock.
Schedule a demo
See Store2Test in action: in a no-obligation live demo, we'll show you how much simpler and faster your SAP tests and data copies can become.
Get in touchThe component does not render its own link — like ImageBlock/Tile, the calling page provides it by wrapping the whole card in an <a>.