La typographie est importante pour la lisibilité et la visibilité; elle doit mettre en valeur le message sans lui nuire.

Police

Les principales polices de la Banque sont Poppins Semibold pour les titres, et Open Sans pour le corps du texte.

Poppins Semibold est une police géométrique sans empattement créée par Indian Type Foundry, Jonny Pinhorn, Ninad Kale pour Google. Elle a été conçue pour faciliter la lecture et est devenue populaire auprès des personnes ayant un handicap visuel ou cognitif.

Open Sans est une police sans empattement créée par Steve Matteson pour Google. Elle a un aspect droit, ouvert et neutre, tout en étant conviviale. Elle permet une lecture optimale sur papier, à l’écran et sur les appareils mobiles.

Nous utilisons également Noto Serif italic dans le texte promotionnel, uniquement pour mettre en évidence les mots clés. Pour mettre l’accent sur des mots clés dans le corps du texte, suivez nos principes de rédaction et le guide stylistique de la Banque (en anglais et accessible au personnel de la Banque seulement).

<p class="bocss-lead">...</p>

Texte promotionnel

Utilisé dans des cas précis tels que :

• les médias sociaux
• les bannières
• les écrans d’affichage
• les citations mises en vedette

Exemple

À faire

• Utiliser une combinaison de Poppins Semibold et de Noto Serif Italic.
• Mettre en italique uniquement le mot le plus descriptif ou orienté vers l’action pour l’accentuer.
• Utiliser la majuscule seulement en début de phrase et pour les noms propres.
• Aligner les titres à gauche.
• Limiter le texte promotionnel à dix mots. En cas de dépassement, utiliser Open Sans pour favoriser la lisibilité.

À ne pas faire

• Utiliser l’italique plus d’une fois dans une même phrase.
• Utiliser plus de quatre mots par ligne et mettre un seul mot en Noto Serif Italic.
• Utiliser les CAPITALES.

Contenu Web

Titres

Notre contenu Web est structuré en six niveaux de titres. Les styles de titres sont automatiquement en Poppins Semibold.

<h1>Portez ce vieux whisky au juge blond qui fume</h1>

<h2>Portez ce vieux whisky au juge blond qui fume</h2>

<h3>Portez ce vieux whisky au juge blond qui fume</h3>

<h4>Portez ce vieux whisky au juge blond qui fume</h4>

<h5>Portez ce vieux whisky au juge blond qui fume</h5>

<h6>Portez ce vieux whisky au juge blond qui fume</h6>

Transformation de texte

Utilisez la propriété de transformation de texte pour changer la casse sans modifier le texte.

<p class="textTransform-lowercase">...</p>

<p class="textTransform-uppercase">...</p>

<p class="textTransform-capitalize">...</p>

Balises de police

Les styles pour le corps du texte sont automatiquement en Open Sans.

Les balises sémantiques HTML établissent une structure, sans changer l’apparence du texte. Pour changer l’apparence du texte, appliquez une classe de taille ou d’épaisseur de police.

Pour en savoir plus sur les meilleures pratiques et les standards Web, consultez nos principes de rédaction.

Pour toute question relative au choix des mots, à l’orthographe ou à la grammaire, consultez le guide stylistique de la Banque (en anglais et accessible au personnel de la Banque seulement).

<p>...</p>

<small>...</small>

<strong>...</strong>;

<time>...</time>