Typographie

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

Police

La principale police utilisée à la Banque est « Open Sans », une police sans empattement créée par Steve Matteson pour Google. Ce jeu de caractères a un aspect droit, ouvert et neutre, tout en étant convivial. Il permet une lecture optimale sur papier, à l’écran et sur les appareils mobiles.

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9

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

Titres

Notre contenu Web est structuré par six niveaux de titres.

Portez ce vieux whisky au juge blond qui fume

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

Portez ce vieux whisky au juge blond qui fume

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

Portez ce vieux whisky au juge blond qui fume

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

Portez ce vieux whisky au juge blond qui fume

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

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

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

Codes de modification de la casse

Les codes « class » permettent de changer la casse sans modifier le texte.

minuscules

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

MAJUSCULES

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

Premières Lettres En Majuscules

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

Balises de type

Il est possible d’insérer du texte à l’intérieur de balises HTML pour introduire un élément de structure sans en modifier l’aspect esthétique. Pour ajuster l’apparence d’un texte, il suffit d’insérer dans les balises des codes modifiant la taille ou l’épaisseur des caractères.

Texte d’un paragraphe

<p>...</p>

petits caractères
<small>...</small>

Texte en gras
<strong>...</strong>;
<time>...</time>