Logo
Signature visuelle « République du Bénin » : bande tricolore (vert, jaune, rouge) et libellé institutionnel. Utilisez les modificateurs de taille ou une sous-ligne de service pour les portails et applications.
Exemple
République
du Bénin
<div class="bj-logo">
<img src="/sigle.svg" alt="" class="bj-logo__img">
<p>République<br>du Bénin</p>
</div>Variantes
Tailles bj-logo--lg et bj-logo--xl, lien cliquable, sous-titre (tagline).
<div class="bj-logo bj-logo--lg">
<img src="/sigle.svg" alt="" class="bj-logo__img">
<p>République<br>du Bénin</p>
</div>
<div class="bj-logo bj-logo--xl">
<img src="/sigle.svg" alt="" class="bj-logo__img">
<p>République<br>du Bénin</p>
</div>
<div class="bj-logo">
<a href="/" class="bj-logo__link" aria-label="Accueil — République du Bénin">
<img src="/sigle.svg" alt="" class="bj-logo__img">
<p>République<br>du Bénin</p>
</a>
</div>
<div class="bj-logo bj-logo--lg">
<img src="/sigle.svg" alt="" class="bj-logo__img">
<p>République<br>du Bénin</p>
<p class="bj-logo__tagline">Portail des démarches</p>
</div>La barre tricolore en pseudo-élément évoque les couleurs nationales ; combinez-la toujours avec le texte officiel pour l’identification.
Classes CSS
| Classe | Description |
|---|---|
bj-logo | Bloc principal : bande tricolore et texte en capitales. |
bj-logo--lg | Taille intermédiaire (image et texte agrandis). |
bj-logo--xl | Grande taille pour hero ou pages d’accueil. |
bj-logo__link | Enveloppe lien conservant la mise en page du logo. |
bj-logo__img | Image du sigle (armoiries) remplaçant la bande tricolore CSS. |
bj-logo__tagline | Sous-ligne descriptive (non en capitales, couleur secondaire). |
bj-logo__motto | Devise nationale en italique (texte plus petit). |
Accessibilité
Lorsque le logo est un lien vers l’accueil, renseignez un intitulé explicite (
aria-label sur le lien ou texte visible adjacent). La bande tricolore est décorative ; le texte « République du Bénin » porte l’information. Vérifiez le contraste du tagline sur le fond choisi.