Éléments autorisés pour un rappel de campagne sur Québec.ca

Pour bien suivre les étapes pour ajouter un rappel de campagne, il est important de choisir le bon type de page et d'ajouter les éléments pertinents au contenu. Pour cela, vous devez consulter la page Inclure une page Web dans une stratégie de communication.

Utilisez le bandeau promotionnel pour rappeler visuellement une campagne en cours sur d'autres canaux. Il peut être ajouté sur une seule page (1 page par campagne) et ne doit jamais être utilisé sur l'ensemble d'une section.

Spécifications d’utilisation

Autorisé sur :

• Page de navigation
• Page de contenu
• Page temporaire (campagne)

Positionnement
Uniquement sous le bandeau d’entête du PIV.

Dimensions

Deux formats sont nécessaires pour ajouter le bandeau à votre page sur Québec.ca : un pour les ordinateurs de bureau et tablettes, et un pour les mobiles.

Format bureau et tablette

Dimensions de l’image
Largeur : 2 000 px
Hauteur : 260 px

Dimensions de la zone de sécurité (centrée)
Largeur : 745 px
Hauteur : 260 px

Format mobile

Dimensions de l’image
Largeur : 700 px
Hauteur : 110 px

Dimensions de la zone de sécurité (centrée)
Largeur : 315 px
Hauteur : 110 px

À faire

Ajouter le logo de votre campagne dans la zone de sécurité, s’il y a lieu.

À ne pas faire

Répéter le titre de la page dans le bandeau.

Ajouter la signature gouvernementale (le Québec-drapeau) dans le bandeau.

Ajouter l'image gouvernementale (par exemple, « Votre gouvernement ») dans le bandeau.

Utiliser un visuel qui perturbe le PIV ou l'interface habituelle de Québec.ca. Les visuels apparentés à des boutons ou d'autres éléments qui semblent cliquables sont donc à éviter.

Vous pouvez personnaliser l’arrière-plan du fil d'Ariane et du H1 pour qu'il adopte une couleur assortie à votre visuel de campagne. Pour améliorer la lisibilité, il est également possible d'ajuster la couleur du texte afin qu'elle crée un contraste avec l'arrière-plan.

Spécifications d’utilisation

Autorisé sur :
Page temporaire (campagne)

Il n’est pas autorisé d'utiliser une page temporaire (campagne) uniquement pour personnaliser l'arrière-plan du fil d'Ariane et du H1, le bandeau promotionnel est suffisant pour montrer vos couleurs de campagne.

Positionnement
Sous le bandeau promotionnel.

Personnalisations

Couleur de l’arrière-plan
Vous pouvez choisir la couleur que vous souhaitez, mais elle doit avoir un contraste suffisant avec le texte du fil d'Ariane et du titre H1.

Couleur du texte du fil d’Ariane et du titre H1
Il faut choisir entre les couleurs #FFFFFF et #223654 celle qui a un contraste d'au moins 4.5:1 avec la couleur de l'arrière-plan.

Les tuiles cliquables sous le H1 permettent d'ajouter des liens vers des ancres dans la page ou des contenus connexes.

Spécifications d’utilisation

Autorisé sur :
Page temporaire (campagne)

Positionnement
Les tuiles sont directement placées sous le fil d’Ariane et le H1 et ne peuvent pas être déplacées.

Proximité par rapport au menu-ancres
Le menu-ancres doit être positionné le plus haut possible dans la page. Il peut être placé proche du conteneur de tuiles cliquables.

Limites par page
1 conteneur maximum, pouvant contenir entre 2 et 3 tuiles.

Contenu

Dans le conteneur
Aucun titre ni description ne doit être placé au-dessus des tuiles.

Dans la tuile
Chaque tuile comporte un titre, mais aucune description ne doit être ajoutée sous le titre.

Liens autorisés
Uniquement des liens internes et des ancres dans la page. Les liens externes sont à éviter.

Personnalisations

Ce qui peut être personnalisé

La couleur de l'arrière-plan du conteneur de tuiles.

La présence (ou pas) d'une icône pour accompagner le titre. Voyez les spécifications concernant l'utilisation des icônes .

Ce qui ne peut pas être personnalisé

La largeur de chaque tuile.

Les couleurs de la surface, de la bordure et des polices de caractères.

Les tuiles cliquables dans le contenu peuvent être des liens vers des ancres dans la page, vers des contenus connexes ou des liens externes. Le gabarit permet d’ajouter plusieurs tuiles, disposées en 3 ou 4 colonnes (dans le format bureau). Pour améliorer la lisibilité, il est également possible d'ajuster la couleur du texte afin qu'elle crée un contraste avec l'arrière-plan.

Spécifications d’utilisation

Autorisé sur :
Page temporaire (campagne)

Il n’est pas autorisé d'utiliser une page temporaire (campagne) uniquement pour personnaliser les blocs de navigation, privilégiez plutôt une page de navigation dédiée.

Positionnement
Les tuiles peuvent être placées n'importe où dans la zone de contenu, mais il est obligatoire de ne pas les positionner directement sous le fil d'Ariane et le H1 afin d'éviter un effet visuel trop lourd. Il est recommandé d'insérer du contenu textuel entre ces 2 éléments.

Proximité par rapport au menu-ancres
Le menu-ancres doit être positionné le plus haut possible dans la page. Le conteneur de tuiles cliquables doit être positionné sous le menu-ancres.

Limite par page
2 à 8 tuiles par conteneur de tuiles (il est possible d'ajouter plus d’un conteneur sur une même page).

Contenu

Dans le conteneur
Un titre et une description doivent toujours se trouver au-dessus des tuiles cliquables, dans le conteneur de tuiles.

Dans la tuile
Chaque tuile comporte un titre. Une description doit toujours être ajoutée sous le titre.

Liens autorisés
Liens internes et externes. L'utilisation des ancres dans la page est autorisée, mais ne doit pas remplacer le menu-ancres.

Personnalisations

Ce qui peut être personnalisé

La couleur de l'arrière-plan du conteneur de tuiles.

La présence (ou pas) d'une icône pour accompagner le titre. Voyez les spécifications concernant l'utilisation des icônes .

Il est possible d'avoir 3 ou 4 tuiles par ligne, en ajustant la largeur de chaque tuile pour obtenir un meilleur équilibre visuel au format bureau.

Le titre et la description au-dessus des tuiles peuvent être #FFFFFF ou #223654 (contraste minimal de 4.5:1 avec l'arrière-plan).

Ce qui ne peut pas être personnalisé

Les couleurs de la surface, de la bordure et des polices de caractères.

La visionneuse de vidéos prend toute la largeur de la page et permet de créer une liste de lecture vidéo.

Spécifications d’utilisation

Autorisé sur :
Page temporaire (campagne)

Positionnement
N’importe où dans la zone de contenu.

Limite par page
Il est permis d'inclure plusieurs visionneuses de vidéos sur la page.
Chaque visionneuse doit comporter au minimum 2 vidéos, mais peut en contenir davantage.

Contenu

Pour chaque vidéo
Chaque vidéo doit avoir un titre (sous forme de légende) pour améliorer l'accessibilité, la navigation et l'organisation du contenu.

Personnalisations

La couleur de l’arrière-plan de la visionneuse de vidéos peut être personnalisée selon vos préférences.

Le titre des vidéos peut être #FFFFFF ou #223654 (contraste minimal de 4.5:1 avec l'arrière-plan).