Baseline (Accroche)
Une accroche est une courte phrase qui sert de signature à une marque, une offre de services ou une gamme de produits. Elle permet de définir son identité médiatique et ses valeurs communiquées. Elle est le reflet d’un positionnement marketing. L'accroche doit être conçue pour durer dans le temps, au contraire des textes utilisés pour des publicités ponctuelles, qui sont plutôt des slogans.
Usage
Sur le web, on place généralement une accroche dans le haut du site, souvent sous ou à côté du logo. Elle peut aussi servir de sous-titre pour le titre de niveau 1. Dans ce cas, comme la baseline publicitaire, elle sert de signature à la page. Il ne faut pas la confondre avec un chapeau…
Bonnes pratiques
- L'accroche doit être courte, compréhensible immédiatement, et doit refléter la réalité de la proposition de valeur de l’entreprise ou de ses produits.
- Le composant accroche est autonome et peut être indifféremment positionné dans du contenu éditorial (avec la classe
su-article
) ou dans du contenu non-éditorial.
Style & code
Dépendances :
- Classe
sipaui
sur un parent (par exemple le<body>
).
Standard
<p class="su-baseline">Aenean eu leo quam pellentesque ornare sem lacinia quam venenatis vestibulum</p>
Sur fond sombre
<p class="su-baseline su-negative" style="background: DimGray; padding: 10px">Aenean eu leo quam pellentesque ornare sem lacinia quam venenatis vestibulum</p>
Liste des classes disponibles
su-baseline
su-negative