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

Le code a bien été copié !