Standard
Titel und Beschreibung innerhalb einer Seite – z. B. als abgegrenztes Beispiel wie im Kasten unten. Seitenköpfe nutzen mittlerweile durchgehend die Hero-Variante.
Buttons
Alle Button-Rollen (Primary, Secondary, Positive, Negative, Tertiary) in den Markenfarben.
Hero
Grossflächiges Banner mit Verlauf – wie auf der Startseite.
Siehe der Seitenkopf ganz oben auf dieser Seite – das ist bereits ein Hero.
Callout
Hervorgehobener Hinweis innerhalb einer Seite, z. B. für einen wichtigen Zusatz.
rel="noopener noreferrer" bei target="_blank"
Ein Link, der sich in einem neuen Tab öffnet, sollte rel="noopener noreferrer" tragen. Ohne noopener erhält die geöffnete Seite über window.opener Zugriff auf das ursprüngliche Fenster – ein Sicherheitsrisiko. Ein visuelles Zeichen (Icon) sollte zudem ankündigen, dass sich ein neuer Tab öffnet.
CTA / Werbekarte
Anklickbare Werbe-Karte mit Button-Optik für ein einzelnes Angebot – anders als der Callout (passiver Hinweis) ist die CTA-Karte eine aktive Handlungsaufforderung, z. B. in einem Karten-Raster neben Tile/ImageBlock.
Eine Demo vereinbaren
Sehen Sie Store2Test live in Aktion: In einer unverbindlichen Demo zeigen wir Ihnen, wie einfach und effizient sich Ihre SAP-Tests und Datenkopien damit gestalten lassen.
Jetzt Kontakt aufnehmenDie Karte rendert keinen eigenen Link – wie bei ImageBlock/Tile übernimmt das die aufrufende Seite, indem sie die ganze Karte in ein <a> einbettet.