8 min luintermediateDernière mise à jour: 28 sept. 2026

Modèle Bento — Guide complet

Bento transforme votre invitation en une grille modulaire de tuiles arrondies, à la manière dont les sites produits les plus soignés présentent leurs fonctionnalités. Là où Lin se lit comme un magazine de mode et Atelier comme une papeterie letterpress, Bento est net, lumineux et moderne : des tuiles blanches sur une toile de fond porcelaine chaleureuse, de grands titres à l’espacement serré, de minuscules libellés en police monospace et une seule couleur d’accent affirmée.

Ce guide explique l’apparence de Bento, les options qui lui sont propres, comment l’appliquer et le traitement qu’il réserve à chaque section de votre invitation.

Pour une vue d’ensemble de la bibliothèque de modèles et du sélecteur, consultez Comment personnaliser votre invitation RSVP.

Ce qui rend Bento différent

Les modèles standard restylent une même mise en page partagée avec des couleurs et des polices. Bento remplace la mise en page elle-même : la couverture, le compte à rebours, la galerie, l’histoire, le programme, les cadeaux, les détails, les boutons d’agenda et le formulaire RSVP sont tous reconstruits sous forme de tuiles sur une grille.

Éléments de design signatures

  • Une couverture faite de tuiles — au lieu d’un bandeau principal, la couverture est un ensemble : une grande tuile titre avec le nom de votre événement, une tuile photo, une tuile date avec un numéro de jour géant, une tuile heure, une tuile lieu avec un repère et une tuile RSVP vive qui mène directement les invités au formulaire
  • Navigation flottante en forme de pilule — une pilule en verre fixée en haut de l’écran, avec vos initiales, un lien vers chaque section visible et un bouton RSVP. Le lien de la section en cours de lecture est mis en évidence à mesure que les invités font défiler la page. Sur téléphone, elle apparaît dès que l’invité commence à faire défiler
  • Typographie d’affichage surdimensionnée — Inter Tight en graisses extra-grasses, à l’approche serrée, pour les noms, les titres et les chiffres ; Inter pour le texte de lecture ; JetBrains Mono pour les petits libellés en capitales de chaque tuile
  • Une seule couleur d’accent — Mandarine, Cobalt, Citron vert ou Violet, utilisée uniquement là où elle compte : les tuiles RSVP, le bouton de navigation, les pastilles d’horaire et les contours de focus
  • Quatre toiles de fond, dont une sombre — Porcelaine, Graphite (mode sombre), Sauge et Blush
  • Trois styles de coins — tuiles et boutons doux, extra-arrondis ou nets et carrés
  • Des tuiles qui réagissent — sur ordinateur, les tuiles se soulèvent légèrement au survol du pointeur. Les invités dont l’appareil demande de réduire les animations voient une page immobile

Quand choisir Bento

Bento convient aux hôtes qui veulent une invitation actuelle, bien organisée et facile à parcourir :

  • Mariages modernes — en particulier les mariages en ville et les couples qui préfèrent un graphisme épuré aux fleurs et aux calligraphies
  • Événements d’entreprise, lancements et conférences — le look « site produit » convient aux événements d’entreprise, séminaires, lancements de produits et meetups ; voir événements d’entreprise
  • Anniversaires et fêtes marquantes — choisissez Citron vert ou Mandarine sur Graphite pour une soirée, ou Blush pour une ambiance plus douce ; voir anniversaires
  • Événements sur plusieurs jours — les tuiles du programme, la grille des détails et la navigation par section rendent les longs week-ends faciles à suivre
  • Événements riches en informations pratiques — code vestimentaire, hôtels, transports, FAQ et cadeaux ont chacun leur propre tuile, au lieu d’un long défilement de texte

Choisissez plutôt Lin pour un style éditorial feutré avec photographie en noir et blanc, Atelier pour une papeterie letterpress formelle, ou Vesper pour des pastels doux et romantiques.

Appliquer Bento à votre événement

  1. Ouvrez votre événement, cliquez sur Invitation dans la barre latérale, puis sur l’onglet Invitation
  2. Dans Modèle de conception, cliquez sur Changer de modèle si la galerie est repliée, et trouvez Bento sous Designs
  3. Facultatif : appuyez sur Essayer pour voir Bento avec les informations de votre propre invitation dans l’aperçu en direct — rien n’est enregistré tant que vous n’appuyez pas sur Utiliser ce design
  4. Ou cliquez sur la carte Bento pour l’appliquer immédiatement
  5. Ouvrez Options Bento sous la galerie pour régler la toile de fond, la couleur d’accent, les coins et les autres options décrites ci-dessous. Les modifications sont enregistrées automatiquement

Bento est disponible avec toutes les offres, y compris l’offre gratuite, ainsi que sur les événements avec abonnement. Passer plus tard à un autre modèle est non destructif : le contenu de votre événement reste exactement tel que vous l’avez saisi, et vos options Bento sont conservées au cas où vous y reviendriez.

Options de personnalisation

Bento dispose de six options propres, en plus des contrôles standard de Fotify.

1. Toile de fond

Les couleurs neutres derrière chaque tuile :

  • Porcelaine (par défaut) — une toile blanc cassé chaleureuse, avec des tuiles d’un blanc net et un texte presque noir
  • Graphite — le mode sombre : une toile presque noire, des tuiles anthracite et un texte clair. La tuile de clôture et les tuiles de jour passent en clair, et les champs de formulaire adoptent leur version sombre
  • Sauge — une toile vert-gris douce
  • Blush — une toile rose tendre

2. Couleur d’accent

La seule couleur vive de la page — les tuiles RSVP, le bouton RSVP de la navigation, le bouton d’envoi, les pastilles d’horaire et les contours de focus :

  • Mandarine (par défaut) — un orange-rouge chaleureux
  • Cobalt — un bleu électrique
  • Citron vert — un jaune-vert éclatant ; saisissant sur Graphite
  • Violet — un violet saturé

Chaque accent a sa propre couleur de libellé, choisie pour que le texte des boutons reste lisible sur toutes les toiles de fond.

3. Coins

Le degré d’arrondi des tuiles, des photos et des boutons :

  • Doux (par défaut) — des tuiles arrondies avec des boutons en forme de pilule
  • Arrondi — des tuiles extra-douces, toutes en rondeur
  • Net — des tuiles presque carrées, et les boutons pilule deviennent des boutons carrés

4. Libellé de couverture

Le petit libellé précédé d’un point de couleur, au-dessus du nom de votre événement sur la couverture. Par défaut : « Vous êtes invité ». Essayez « Réservez la date », « Rejoignez-nous », « Soirée de lancement » ou vos propres mots.

5. Titre de clôture

La grande ligne sur la tuile sombre de clôture, en bas de la page. Par défaut : « À très vite. » Essayez « Rendez-vous en juin », « On fête ça » ou « Vivement ce jour ».

6. Navigation flottante

Activez (par défaut) ou désactivez la navigation en forme de pilule en haut de l’écran. Lorsqu’elle est désactivée, la couverture remonte légèrement et les invités font défiler la page normalement.

Tous les textes que Bento affiche sur l’invitation — les libellés des tuiles, les titres de section, la tuile RSVP, les libellés des boutons — peuvent aussi être réécrits directement sur la page : passez l’aperçu en direct en mode édition et double-cliquez sur le texte. Le libellé de couverture et le titre de clôture se modifient sur place de la même façon.

Comment chaque section est traitée

Couverture

Un ensemble de tuiles remplace l’en-tête standard :

  • Tuile titre — votre libellé de couverture au-dessus du nom de votre événement, en très grand. Les noms longs passent automatiquement à une taille inférieure pour ne jamais être coupés au milieu d’un mot
  • Tuile photo — votre photo de couverture, recadrée pour remplir la tuile. Sans photo, l’ordinateur affiche vos initiales sur un fond pointillé ; sur téléphone, la tuile est simplement omise
  • Tuile date — un numéro de jour géant, avec le mois, le jour de la semaine et l’année à côté
  • Tuile heure — l’heure de début, au format 12 ou 24 heures que vous utilisez. Masquez-la avec le réglage Afficher l’heure sur la couverture
  • Tuile lieu — le lieu de votre événement, avec un repère
  • Tuile RSVP — une tuile dans la couleur d’accent qui mène directement au formulaire

Sur ordinateur, le titre et la photo sont côte à côte au-dessus d’une rangée de tuiles d’informations ; sur téléphone, tout s’empile dans une grille nette à deux colonnes.

Message

Une seule tuile large : un petit libellé et vos initiales d’un côté, votre message en grand de l’autre, comme l’accroche principale d’une page produit. Les mots mis en valeur prennent la couleur d’accent. Les messages plus longs passent à une taille de lecture confortable.

Compte à rebours

Une tuile titre suivie d’une tuile par unité — jours, heures, minutes, secondes — chacune avec un nombre immense. Les unités que vous désactivez dans les paramètres du compte à rebours disparaissent et les tuiles restantes s’élargissent. Le jour venu, votre message de fin remplace les chiffres dans une tuile d’accent.

Galerie (Carrousel)

Vos photos sont disposées en mosaïque bento : une grande photo principale, deux plus petites à côté, puis une haute et une large, et ainsi de suite. Les dernières photos s’étirent toujours pour fermer la grille, si bien que n’importe quel nombre de photos se termine proprement.

Histoire

Une rangée de cartes identiques — photo en haut, puis date, titre et texte — que les invités font défiler du doigt sur téléphone ou parcourent avec des flèches sur ordinateur. Une étape sans photo affiche son numéro sur un fond teinté, pour que chaque carte garde la même forme.

Lieu

Une tuile carte à côté d’une tuile adresse avec votre adresse complète, votre itinéraire et un bouton Ouvrir la carte. Lorsqu’une carte ne peut pas être affichée, la tuile carte dessine à la place un repère avec les coordonnées du lieu ; sans coordonnées, la tuile adresse occupe toute la largeur.

Programme

Une ligne par jour : une tuile de jour sombre avec le grand numéro du jour et la date complète, à côté des moments de ce jour présentés en cartes. Chaque carte commence par une pastille d’horaire, puis le nom du moment, le lieu et une éventuelle note.

Cadeaux

Chaque liste de cadeaux, option de paiement, association et élément de liste de souhaits a sa propre tuile dans une grille, regroupée sous de petits libellés lorsque vous proposez plusieurs types. Les coordonnées de paiement figurent dans un champ en retrait avec un bouton de copie ; les longs numéros de compte et adresses de portefeuille passent à la ligne à l’intérieur de la tuile. Les liens de paiement et les QR codes à scanner pour payer apparaissent sous forme de boutons en dessous.

Détails de l’événement

Une tuile par thème : le code vestimentaire avec vos couleurs conseillées et à éviter présentées en pastilles, où dormir avec chaque hôtel sous forme de carte (distance, gamme de prix, code promo, lien de réservation), comment venir avec une carte par option, et une tuile FAQ pleine largeur où chaque question s’ouvre et se referme d’un simple toucher.

Réservez la date (Agenda)

Une tuile avec le titre et la date d’un côté, et trois boutons — Google, Apple et Outlook — de l’autre.

RSVP

Une grande tuile blanche avec le titre et votre date limite de réponse d’un côté, et le formulaire RSVP de l’autre. Le choix oui/non devient deux tuiles sélectionnables, les champs deviennent des saisies arrondies en retrait, et le bouton d’envoi prend la couleur d’accent. Sur ordinateur, le titre reste visible pendant que les invités parcourent un long formulaire.

Clôture

Une tuile de clôture sombre avec vos initiales, le titre de clôture, la date et le lieu, à côté d’une seconde tuile RSVP dans la couleur d’accent.

Sections qui utilisent la mise en page partagée

Quelques sections conservent la mise en page partagée de Fotify, habillée du style Bento — chacune devient une tuile dans la même colonne, avec les titres et les boutons de Bento :

  • Téléchargement de photos — bouton d’envoi dans la couleur d’accent, photos arrondies
  • Code QR — plaque arrondie et bouton d’enregistrement en forme de pilule
  • Votre table — noms de tables affichés en pastilles d’accent
  • Sous-événements et avantages — boutons pilule pour accepter, refuser et débloquer
  • Demandes de playlist
  • Sections personnalisées — titres Bento ; les photos de section sont arrondies et leur hauteur est limitée pour qu’un grand portrait n’envahisse jamais la page

Foire aux questions

Q: Bento est-il réservé aux événements tech ou d’entreprise ? A: Non. Son look s’inspire des sites produits, mais il convient à tout événement qui aime le design épuré et moderne — mariages compris. Choisissez Blush ou Sauge avec des coins doux pour une ambiance plus tendre, ou Graphite avec Citron vert pour une fête qui en jette.

Q: La toile de fond sombre Graphite suit-elle le mode sombre de l’invité ? A: Non. La toile de fond est votre choix et tous les invités voient le même design. Graphite est simplement l’option sombre que vous pouvez choisir.

Q: Pourquoi certaines sections n’apparaissent-elles pas dans la navigation ? A: La navigation ne liste que les sections activées et qui ont du contenu, dans l’ordre de vos sections. Le RSVP a son propre bouton au bout de la pilule plutôt qu’un lien.

Q: Le nom de mon événement est long. Va-t-il tenir sur la couverture ? A: Oui. Bento choisit la taille du titre en fonction de la longueur du nom et de son mot le plus long : les noms longs passent à une taille inférieure et reviennent à la ligne entre les mots.

Q: Puis-je remplacer la couleur d’accent par la couleur de ma marque ? A: Bento propose quatre accents éprouvés (Mandarine, Cobalt, Citron vert et Violet), chacun associé à une couleur de libellé qui garde les boutons lisibles sur toutes les toiles de fond.

Q: Bento prend-il en charge toutes les fonctionnalités standard ? A: Oui — la couverture, le message, le compte à rebours, la galerie, l’histoire, le lieu, le programme, les cadeaux (y compris les réservations et contributions de la liste de souhaits), les détails de l’événement, les boutons d’agenda et le RSVP ont tous une mise en page Bento, et les autres sections utilisent la mise en page partagée dans le style Bento. L’ouverture de l’enveloppe et la musique de fond fonctionnent comme d’habitude.

Prochaines étapes

Besoin d’aide ? Contactez-nous via le widget d’aide intégré au tableau de bord.

Cet article vous a-t-il été utile ?

Articles connexes