Image de marque et domaines
Apparence et thèmes
Couleurs, polices, préréglages, images de couverture et mode sombre. Donnez à chaque formulaire un aspect naturellement aligné avec votre marque.
Panneau de thème
Cliquez sur Thème (icône palette) dans la barre d’outils en haut. Le panneau s’ancre à droite et prévisualise les modifications instantanément.
Le bouton Mode (Clair / Sombre) en haut du panneau change le schéma de couleurs que vous modifiez. Chaque mode conserve ses propres valeurs de thème, ce qui vous permet de les affiner indépendamment.
Le sélecteur Thème en dessous liste d’abord vos thèmes d’espace de travail pour ce mode, puis les préréglages intégrés. Le pied de page affiche Toutes les modifications sont enregistrées tant que vous n’avez rien modifié ; puis Abandonner et Enregistrer apparaissent.
Préréglages
Le sélecteur de thème propose sept préréglages pour le mode clair et neuf pour le mode sombre. Chacun applique un ensemble coordonné de couleurs, une police et un arrondi des angles en un seul clic.
formbase par défaut — appliqué automatiquement à chaque nouveau formulaire, un par mode
Préréglages — les thèmes sélectionnés ci-dessous
Personnalisé — « Ce formulaire uniquement ». Ce que montre le sélecteur dès que vous modifiez une valeur à la main
Disponible sur Gratuit
Les thèmes personnalisés, y compris les préréglages et la personnalisation distincte des styles clair et sombre, sont disponibles sur tous les plans. Voir les plans et tarifs.
Préréglages du mode clair
| Préréglage | Style |
|---|---|
| Solarized Light | Chaleureux et faible contraste avec des tons ambrés |
| Atom One Light | Contraste net avec des accents bleus |
| Catppuccin Latte | Pastels chauds avec mauve et pêche |
| Rosé Pine Dawn | Pastels rose et pin atténués avec des accents iris |
| Mint Paper | Vert menthe frais sur ivoire avec des touches émeraude |
| Coral Reef | Pêche chaude et corail avec des accents ensoleillés |
| Sunny | Jaune doré chaud sur une base ivoire |
Préréglages du mode sombre
| Préréglage | Style |
|---|---|
| Dracula | Sombre avec des couleurs d’accent vives |
| Monokai | Palette sombre classique avec vert chaud et orange |
| Midnight Synth | Minuit profond avec une lueur neon synthwave |
| Vulcan | Sombre élégant avec gris froids et bleu électrique |
| Tokyo Night | Ambiance urbaine sombre avec neon et indigo |
| Gruvbox Dark | Terre rétro chaleureuse avec moutarde et orange brûlé |
| Rosé Pine Moon | Nuit prune crépusculaire avec des accents iris |
| Forest Night | Pin profond avec des tons de mousse et de forêt |
| Black | Noir absolu en niveaux de gris, inspiré de Vercel |
Thèmes d’espace de travail
Un thème d’espace de travail est un thème nommé pour un mode, clair ou sombre, que plusieurs formulaires partagent. Utilisez-en un pour garder chaque formulaire aligné avec votre marque : changez le thème une fois, et tous les formulaires qui l’utilisent suivent. Pour personnaliser les deux modes, conservez-en deux, par exemple Acme Light et Acme Dark.
Créer un thème d’espace de travail
Ouvrez le panneau de thème sur un formulaire, choisissez Clair ou Sombre, puis choisissez un préréglage ou ajustez les couleurs jusqu’à ce que le formulaire vous convienne.
Cliquez sur Enregistrer comme thème de l’espace de travail sous le sélecteur de thème et donnez-lui un nom, par exemple le nom de votre entreprise.
Ce mode du formulaire est maintenant lié au nouveau thème. Le sélecteur affiche son nom et le nombre de formulaires qui l’utilisent.
L’utiliser sur un autre formulaire
Ouvrez le panneau de thème sur l’autre formulaire, choisissez le thème sous Thèmes de l’espace de travail, puis cliquez sur Enregistrer. Le sélecteur ne liste que les thèmes d’espace de travail pour le mode que vous modifiez ; reliez donc les modes clair et sombre séparément.
Modifier un formulaire lié
Un formulaire lié se modifie comme n’importe quel autre formulaire. Dès que vos modifications diffèrent du thème de l’espace de travail, le pied de page vous demande où les enregistrer :
Enregistrer dans [nom du thème] met à jour le thème de l’espace de travail et tous les formulaires qui lui sont liés.
Enregistrer pour ce formulaire uniquement conserve la modification sur ce formulaire. Ce mode cesse de suivre le thème de l’espace de travail et devient un thème personnalisé.
Appliquer un préréglage à un mode lié le délie également. Pour le relier, choisissez le thème de l’espace de travail dans le sélecteur, puis enregistrez.
Les formulaires publiés se mettent à jour à leur prochaine publication
Enregistrer un thème d’espace de travail modifie immédiatement le brouillon de chaque formulaire lié. Les répondants voient le nouvel aspect après chaque nouvelle publication du formulaire, comme pour toute autre modification. Les formulaires liés affichent Publier les modifications jusque-là.
Renommer ou supprimer
Sur un formulaire lié, ouvrez le menu ⋯ à côté du sélecteur de thème. Renommer change le nom partout où le thème est utilisé. Supprimer retire le thème ; les formulaires qui l’utilisaient conservent leur aspect actuel sous forme de thème personnalisé.
Contrôles du thème
Choisissez un préréglage ou un thème d’espace de travail, puis affinez la typographie et les couleurs. Chaque couleur décrit un rôle plutôt qu’un composant unique. Par exemple, modifier Texte met à jour ensemble le texte de la page, les titres des questions, le texte des champs et le texte des options. Survolez le nom d’une couleur pour voir ce qu’elle contrôle. Un point signale les couleurs que vous avez modifiées mais pas encore enregistrées.
Typographie
| Paramètre | Ce qu’il contrôle |
|---|---|
| Police | Police utilisée pour les champs du formulaire, le texte de page et les blocs partagés. Onze familles, listées ci-dessous |
| Taille | Taille de texte de base, 12–22 px. Les libellés et contrôles associés s’ajustent en fonction |
| Rayon d’angle | Arrondi des angles partagé pour les champs, cartes, options et boutons, 0–32 px |
Couleurs
Les couleurs sont regroupées selon leur emplacement dans le formulaire.
| Groupe | Couleur | Ce qu’il contrôle |
|---|---|---|
| Page | Arrière-plan | Fond derrière les formulaires, les zones média et les décalages de focus |
| Page | Texte | Texte principal, titres des questions, texte des champs et texte des options |
| Page | Atténué | Remplissages discrets, comme les en-têtes de tableau et les états de survol |
| Page | Texte atténué | Descriptions, textes d’aide, espaces réservés et légendes |
| Page | Lien | Liens intégrés dans le texte enrichi et le contenu du formulaire |
| Champs et choix | Champ | Champs de saisie, cartes, popovers, lignes de fichiers et options |
| Champs et choix | Bordure | Contours des champs, cartes, options, tableaux et zones de téléversement |
| Champs et choix | Sélectionné | Remplissage des options sélectionnées, ainsi que les surbrillances de survol et de glisser-déposer |
| Champs et choix | Texte sélectionné | Texte et icônes sur les surfaces sélectionnées |
| Champs et choix | Anneau de focus | Anneaux de focus, contours de sélection et bordures actives |
| Boutons et erreurs | Bouton | Boutons Envoyer/Suivant, barres de progression et actions principales |
| Boutons et erreurs | Texte du bouton | Texte et icônes sur les actions principales |
| Boutons et erreurs | Erreur | Erreurs de validation, bordures invalides et échecs de téléversement |
| Évaluation | Contour d’étoile | Étoiles de notation inactives |
| Évaluation | Remplissage d’étoile | Étoiles de notation sélectionnées |
| Évaluation | Marque requise | Astérisque requis sur les questions |
Le groupe Évaluation comprend aussi Taille des étoiles, la taille des étoiles de notation en pixels, de 12 à 48.
Polices
formbase propose onze familles de polices. La police choisie dans la section Typographie s’applique à tout le texte du formulaire.
| Famille de polices | Style |
|---|---|
| Cal Sans UI | Sans-serif par défaut de formbase |
| Inter | Sans-serif géométrique épuré |
| Manrope | Sans-serif géométrique moderne |
| Arial | Sans-serif système neutre |
| Tahoma | Sans-serif compact |
| Times New Roman | Serif classique |
| Georgia | Serif élégant pour écran |
| Lora | Serif calligraphique contemporain |
| Palatino Linotype | Serif oldstyle de style livre |
| JetBrains Mono | Monospace adapté aux développeurs |
| Comic Sans MS | Style dessiné à la main, décontracté |
Image de couverture et logo
L’image de couverture et le logo se trouvent en haut du canevas. Vous les configurez directement sur le canevas, pas dans le panneau de thème. Pour un guide pas à pas, voir Comprendre l’éditeur → Couverture et logo.
Mode sombre
formbase prend en charge le mode sombre à deux endroits : le tableau de bord et les formulaires publiés.
Tableau de bord
Activez le mode sombre depuis le menu utilisateur en bas de la barre latérale. Le paramètre se synchronise sur votre compte entre les appareils.
Formulaires publiés
Les formulaires publiés suivent par défaut les préférences système du répondant. Si son appareil est en mode sombre, le formulaire s’affiche en mode sombre.
Personnaliser les deux modes
Si vous configurez uniquement un thème clair, le formulaire utilise les couleurs sombres par défaut de formbase lorsque le mode sombre est actif. Pour un contrôle total, configurez les deux schémas de couleurs à l’aide du bouton clair/sombre en haut du panneau de thème.
Lorsque vous basculez entre Clair et Sombre dans le panneau de thème, le tableau de bord s’ajuste en conséquence. Cela vous permet de prévisualiser votre thème en contexte pendant l’édition.
Modèles de personnalisation courants
Correspondre à votre marque — choisissez la police de votre marque, définissez la couleur du bouton sur votre couleur principale et téléchargez votre logo. Utilisez un préréglage comme point de départ, puis enregistrez le résultat comme thème d’espace de travail pour que tous vos formulaires le partagent.
Sondage prioritairement en mode sombre — forcez le mode sombre via les paramètres d’intégration lors du partage, puis personnalisez le schéma de couleurs sombre pour une meilleure lisibilité. Utilisez un accent à fort contraste pour la couleur de notation active afin que les étoiles ressortent sur les fonds sombres.
Intégration minimaliste — réglez la couleur Arrière-plan pour qu’elle corresponde à votre site, masquez l’image de couverture et le logo dans les paramètres d’intégration, utilisez une couleur Bordure discrète, et réduisez le rayon d’angle à 0.
Quiz ludique — choisissez Comic Sans MS, poussez le rayon d’angle vers 32 pour des formes en pilule, utilisez une couleur Sélectionné vive, et ajoutez une image de couverture depuis l’onglet Unsplash du sélecteur de couverture.
Image de marque
Par défaut, les formulaires publiés affichent un petit badge formbase. Désactivez-le avec Afficher la marque formbase dans Paramètres du formulaire → Général. Supprimer le badge nécessite un plan Pro ou Business — voir les plans et tarifs.
Testez les deux modes avant de publier
Prévisualisez votre formulaire avec le mode sombre système activé avant de le publier. Le contraste du logo et les couleurs d’accent nécessitent souvent un ajustement pour la version sombre, en particulier les images de couverture et les couleurs de boutons qui sont belles sur fond clair mais qui se fondent sur fond sombre.