Blocs de texte

Quatre variantes du bloc de texte — titre en gras et description, sans image — pour les en-têtes de page, les encarts mis en avant et les appels à l'action dans une page.

Standard

Titre et description à l'intérieur d'une page — par ex. comme exemple encadré ci-dessous. Les en-têtes de page utilisent désormais partout la variante hero.

Boutons

Tous les rôles de boutons (Primary, Secondary, Positive, Negative, Tertiary) dans les couleurs de la marque.

Hero

Bandeau plein écran avec dégradé — comme sur la page d'accueil.

Voir l'en-tête tout en haut de cette page — c'est déjà un hero.

Callout

Encart mis en avant à l'intérieur d'une page, par ex. pour un complément important.

rel="noopener noreferrer" avec target="_blank"

Un lien qui s'ouvre dans un nouvel onglet devrait porter rel="noopener noreferrer". Sans noopener, la page ouverte a accès à la fenêtre d'origine via window.opener — un risque de sécurité. Un signe visuel (icône) devrait aussi annoncer qu'un nouvel onglet va s'ouvrir.

CTA / Carte promotionnelle

Carte promotionnelle cliquable avec un bouton pour une offre unique — contrairement au Callout (indication passive), la carte CTA est un appel à l'action actif, par ex. dans une grille de cartes à côté de Tile/ImageBlock.

Planifier une démonstration

Découvrez Store2Test en action : lors d'une démonstration sans engagement, nous vous montrons comment simplifier et accélérer vos tests SAP et vos copies de données.

Nous contacter

Le composant ne génère pas son propre lien — comme pour ImageBlock/Tile, c'est la page appelante qui l'intègre en enveloppant toute la carte dans un <a>.