Typographie - Style de Canada.ca: Système de conception de Canada.ca

Obligatoire

Les directives concernant la typographie sont obligatoires pour toutes les pages.

Éléments obligatoires du système de conception

Les polices doivent être harmonisées dans tout le site Canada.ca, et elles doivent être facilement lisibles sur tous les appareils. Utilisez une combinaison de Lato pour les en-têtes et de Noto sans pour le corps du texte.

Ordinateurs de bureau et tablettes

• H1 : Lato, 38px, caractère gras
• H2 : Lato, 36px, caractère gras
• H3 : Lato, 24px, caractère gras
• H4 : Lato, 22px, caractère gras
• H5 : Lato, 20px, caractère gras
• H6 : Lato, 19px, texte régulier
• Corps du texte : Noto sans, 20px, texte régulier

Petits appareils

• H1 : Lato, 34px, caractère gras
• H2 : Lato, 32px, caractère gras
• H3 : Lato, 24px, caractère gras
• H4 : Lato, 22px, caractère gras
• H5 : Lato, 20px, caractère gras
• H6 : Lato, 19px, texte régulier
• Corps du texte : Noto sans, 20px, texte régulier

Titre principal de la page

Lorsque l'en-tête H1 est le titre principal d'une page, il est souligné d'une barre rouge conformément à l'image de marque de Canada.ca.

Spécifications de la barre rouge (auparavant connue sous le nom de gc-thickline) :

• alignement : gauche
• couleur : #AF3C43
• positionnement : 8 px ou 0,4 em sous l'en-tête H1 (le corps du texte est réglé à 20 px)
• taille : 71 px par 3,6 px ou 3,55 em par 0,18 em (le corps du texte est réglé à 20 px)

Longueur de la ligne

Limitez la longueur des lignes de texte à 65 caractères. Cela garantit qu'aucune ligne ne dépasse une longueur de lecture confortable.

Les mises en page peuvent comporter plus de 65 caractères. Cette restriction de longueur de ligne s'applique uniquement aux lignes de texte.

Liens

Soulignez les liens en utilisant un style de soulignement qui ignore les descendeurs.