Design
  • 1 Minute to read
  • PDF

Design

  • PDF

Article summary

L'onglet Design vous permet de personnaliser le rendu visuel de votre formulaire et de coller à la charte graphique de votre événement.
Capture d’écran, le 2023-03-17 à 15.31.57.png

Couleurs

Les couleurs sont a intégrer en valeur hexadécimal.

Une couleur hexadécimale est notée au format #RRGGBB, le RR indiquant le rouge, le GG le vert, et le BB le bleu. Ces entiers hexadécimaux vont de 00 à FF pour spécifier l’intensité de la couleur.

Principale

La couleur principale s'appliquera à tous les éléments de votre formulaire : le liseré, les titres, les boutons, etc.
Si vous ne renseignez pas d'autres couleurs dans les encarts de droite, ce sera cette couleur qui s'appliquera.
Capture d’écran, le 2023-03-17 à 14.34.57.png

Fond

La couleur de fond s'appliquera au fond de votre formulaire, derrière la totalité des textes.
Elle remplacera le blanc appliqué par défaut.
Capture d’écran, le 2023-03-17 à 16.09.12.png

Text

Celle-ci correspond à la couleur de tous les champs de votre formulaire.
Elle remplacera le noir appliqué par défaut.
Capture d’écran, le 2023-03-17 à 14.42.36.png

Titres

Cette encart vous permet d'insérer une couleur personnalisée pour les titres de votre formulaire.
Elle remplacera le noir appliqué par défaut.
Capture d’écran, le 2023-03-17 à 14.44.02.png

Fonts

Cette partie vous permet d'ajouter vos polices personnalisées.

Font name

Cet encart vous permet d'entrer le nom de votre police d'écriture.
Capture d’écran, le 2023-03-17 à 14.47.21.png

Font fallbacks

Cet encart vous permet d'entrer la police de vos souhaits dans le cas où le navigateur du participant ne pourrait pas afficher votre police d'écriture et ainsi conserver une expérience utilisateur correcte.
Capture d’écran, le 2023-03-17 à 14.47.21.png

L'ajout de votre police d'écriture

Vous trouvez 4 encarts :

  • Normal : Ajout du fichier de la police d'écriture normale
  • Italic : Ajout du fichier de la police d'écriture en italique
  • Bold : Ajout du fichier de la police d'écriture en gras
  • Bold Italic : Ajout du fichier de la police d'écriture en gras et italique
    Capture d’écran, le 2023-03-17 à 14.58.00.png

Cet encart vous permet d'ajouter un visuel au-dessus de votre formulaire.
Capture d’écran, le 2023-03-17 à 15.18.31.png

Exemple

Vous pouvez ajouter un logo, une bannière ou une image d'illustration pour habiller votre formulaire.

Background

Cet encart vous permet d'ajouter un visuel de fond sur votre formulaire.
Ce dernier remplacera le fond gris présent par défaut.
Capture d’écran, le 2023-03-17 à 15.24.53.png

Vous pouvez ajouter vos polices d'écriture, header, et fond de votre formulaire en glissant vos fichiers, ou bien, en cliquant sur l'encart puis en allant chercher directement dans les dossiers de votre ordinateur.


What's Next