Plantilla Bento — Guía completa

Bento convierte tu invitación en una cuadrícula modular de bloques redondeados, igual que las webs de producto más cuidadas presentan sus funciones. Si Lino se lee como una revista de moda y Atelier como papelería tipográfica, Bento es nítida, luminosa y moderna: bloques blancos sobre un lienzo cálido color porcelana, titulares enormes con el espaciado entre letras ajustado, pequeñas etiquetas en monoespaciada y un único color de acento intenso.

Esta guía explica cómo se ve Bento, las opciones exclusivas que ofrece, cómo aplicarla y el tratamiento que da a cada sección de tu invitación.

Para una visión general de la biblioteca de plantillas y del selector, consulta Cómo personalizar tu invitación de confirmación de asistencia.

Qué hace diferente a Bento

Las plantillas estándar cambian los colores y las tipografías de una misma estructura compartida. Bento sustituye la estructura en sí: la portada, la cuenta regresiva, la galería, la historia, el programa, los regalos, los detalles, los botones de calendario y el formulario de confirmación se reconstruyen como bloques sobre una cuadrícula.

Elementos de diseño característicos

Una portada hecha de bloques: en lugar de un banner principal, la portada es un conjunto de bloques: un gran bloque de título con el nombre de tu evento, un bloque de foto, un bloque de fecha con el número del día en tamaño gigante, un bloque de hora, un bloque de lugar con un marcador y un bloque de confirmación de color vivo que lleva a los invitados directamente al formulario
Navegación flotante en forma de píldora: una píldora de cristal fija en la parte superior de la pantalla con tus iniciales, un enlace a cada sección visible y un botón para confirmar asistencia. A medida que los invitados se desplazan, se resalta el enlace de la sección que están leyendo. En el móvil aparece en cuanto el invitado empieza a desplazarse
Tipografía display de gran tamaño: Inter Tight en pesos extra negritos y con el espaciado ajustado para nombres, títulos y números; Inter para el texto de lectura; JetBrains Mono para las pequeñas etiquetas en mayúsculas de cada bloque
Un único color de acento: Mandarina, Cobalto, Lima o Violeta, usado solo donde importa: los bloques de confirmación, el botón de la navegación, las etiquetas de hora y los anillos de foco
Cuatro lienzos, uno de ellos oscuro: Porcelana, Grafito (modo oscuro), Salvia y Rubor
Tres estilos de esquinas: bloques y botones suaves, extra redondeados o rectos
Bloques que reaccionan: en el ordenador, los bloques se elevan ligeramente al pasar el puntero. Los invitados que tienen activada la reducción de movimiento en su dispositivo ven una página estática

Cuándo elegir Bento

Bento es ideal para anfitriones que quieren una invitación actual, ordenada y fácil de recorrer:

Bodas modernas: sobre todo bodas urbanas y parejas que prefieren un diseño gráfico limpio a las flores y la caligrafía
Eventos corporativos, lanzamientos y conferencias: el aspecto de web de producto encaja con eventos de empresa, retiros, lanzamientos de producto y encuentros; consulta eventos corporativos
Cumpleaños y fiestas de aniversarios redondos: elige Lima o Mandarina sobre Grafito para una fiesta de noche, o Rubor para algo más suave; consulta cumpleaños
Eventos de varios días: los bloques del programa, la cuadrícula de detalles y la navegación por secciones hacen que un fin de semana largo sea fácil de seguir
Eventos con mucha información práctica: el código de vestimenta, los hoteles, el transporte, las preguntas frecuentes y los regalos tienen cada uno su propio bloque en lugar de un largo bloque de texto

Elige Lino si buscas un aspecto editorial sereno con fotografía en blanco y negro, Atelier para una papelería tipográfica formal o Vesper para pasteles suaves y románticos.

Aplicar Bento a tu evento

Abre tu evento, haz clic en Invitación en la barra lateral y luego en la pestaña Invitación
En Plantilla de diseño, haz clic en Cambiar plantilla si la galería está plegada y busca Bento en Diseños
Opcional: pulsa Pruébalo para ver Bento con los datos de tu invitación en la vista previa en vivo; no se guarda nada hasta que pulses Usar este diseño
O haz clic en la tarjeta Bento para aplicarla directamente
Abre Opciones de Bento debajo de la galería para elegir el lienzo, el color de acento, las esquinas y el resto de opciones que se describen más abajo. Los cambios se guardan automáticamente

Bento está disponible en todos los planes, incluido el gratuito, y en los eventos por suscripción. Cambiar más adelante a otra plantilla no es destructivo: el contenido de tu evento se mantiene exactamente como lo introdujiste y tus opciones de Bento se conservan por si vuelves a ella.

Opciones de personalización

Bento tiene seis opciones propias, además de los controles estándar de Fotify.

1. Lienzo

Los colores neutros detrás de cada bloque:

Porcelana (predeterminado): lienzo blanco roto cálido con bloques de un blanco nítido y texto casi negro
Grafito: el modo oscuro: lienzo casi negro, bloques color carbón y texto claro. El bloque de cierre y los bloques de día pasan a ser claros, y los controles del formulario cambian a su versión oscura
Salvia: un lienzo suave en verde grisáceo
Rubor: un lienzo en rosa suave

2. Color de acento

El único color vivo de la página: los bloques de confirmación, el botón para confirmar de la navegación, el botón de envío, las etiquetas de hora y los anillos de foco:

Mandarina (predeterminado): un naranja rojizo cálido
Cobalto: un azul eléctrico
Lima: un verde amarillento intenso; espectacular sobre Grafito
Violeta: un morado saturado

Cada acento tiene su propio color de texto, elegido para que el texto de los botones se lea bien sobre cualquier lienzo.

3. Esquinas

Cuánto se redondean los bloques, las fotos y los botones:

Suaves (predeterminado): bloques redondeados con botones en forma de píldora
Redondas: bloques extra suaves, casi burbujas
Rectas: bloques casi cuadrados, y los botones en forma de píldora pasan a ser botones rectos

4. Etiqueta de portada

La pequeña etiqueta con un punto de color sobre el nombre de tu evento en la portada. Por defecto dice "Te invitamos". Prueba con "Reserva la fecha", "Acompáñanos", "Noche de lanzamiento" o tus propias palabras.

5. Título de cierre

La frase grande del bloque oscuro de cierre, al final de la página. Por defecto dice "Nos vemos allí." Prueba con "Hasta junio", "¡A celebrar!" o "Ya queda menos".

6. Navegación flotante

Activa (predeterminado) o desactiva la navegación en forma de píldora de la parte superior de la pantalla. Si la desactivas, la portada sube ligeramente y los invitados se desplazan por la página como de costumbre.

Todos los textos que Bento muestra en la invitación (las etiquetas de los bloques, los títulos de las secciones, el bloque de confirmación, las etiquetas de los botones) también se pueden reescribir directamente en la página: pasa la vista previa en vivo al modo de edición y haz doble clic en el texto. La etiqueta de portada y el título de cierre se editan en la página de la misma forma.

Cómo se trata cada sección

Portada

Un conjunto de bloques sustituye al encabezado estándar:

Bloque de título: tu etiqueta de portada sobre el nombre de tu evento, en tamaño muy grande. Los nombres largos bajan automáticamente de tamaño para que nunca se corten a mitad de palabra
Bloque de foto: tu foto de portada, recortada para llenar el bloque. Sin foto, en el ordenador se muestran tus iniciales sobre un panel punteado; en el móvil el bloque simplemente se omite
Bloque de fecha: el número del día en tamaño gigante, con el mes, el día de la semana y el año al lado
Bloque de hora: la hora de inicio, en tu formato de 12 o 24 horas. Ocúltalo con el ajuste Mostrar hora en la portada de tu portada
Bloque de lugar: la ubicación de tu evento con un marcador
Bloque de confirmación: un bloque del color de acento que lleva directamente al formulario

En el ordenador, el título y la foto quedan uno junto al otro sobre una fila de bloques de información; en el móvil todo se apila en una cuadrícula ordenada de dos columnas.

Mensaje

Un único bloque ancho: una pequeña etiqueta y tus iniciales a un lado, y tu mensaje en tamaño grande al otro, como la frase principal de una página de producto. Las palabras destacadas toman el color de acento. Los mensajes más largos bajan a un tamaño cómodo de lectura.

Cuenta regresiva

Un bloque de título seguido de un bloque por unidad (días, horas, minutos, segundos), cada uno con un número enorme. Las unidades que desactives en los ajustes de la cuenta regresiva desaparecen y los bloques restantes se ensanchan. Cuando llega el día, tu mensaje final sustituye a los números en un bloque del color de acento.

Galería (Carrusel)

Tus fotos se organizan como un mosaico bento: una foto destacada grande, dos más pequeñas a su lado y después una alta y una ancha, en bucle. Las últimas fotos siempre se estiran para cerrar la cuadrícula, así que cualquier número de fotos termina de forma limpia.

Historia

Una fila de tarjetas idénticas (foto arriba y después fecha, título y texto) que los invitados deslizan en el móvil o recorren con botones de flecha en el ordenador. Un hito sin foto muestra su número sobre un panel tintado para que todas las tarjetas mantengan la misma forma.

Ubicación

Un bloque de mapa junto a un bloque con tu dirección completa, tus indicaciones y un botón Abrir en Maps. Cuando no se puede mostrar un mapa, el bloque dibuja un marcador con las coordenadas del lugar; sin coordenadas, el bloque de dirección ocupa todo el ancho.

Itinerario

Una fila por día: un bloque oscuro con el número del día en grande y la fecha completa, junto a los eventos de ese día en forma de tarjetas. Cada tarjeta empieza con una etiqueta de hora, seguida del nombre del evento, el lugar y cualquier nota.

Regalos

Cada lista de regalos, opción de pago, causa solidaria y elemento de la lista de deseos es su propio bloque dentro de una cuadrícula, agrupados bajo pequeñas etiquetas cuando ofreces más de un tipo. Los datos de pago aparecen en un campo integrado con un botón para copiar; los números de cuenta y las direcciones de monedero largas se ajustan dentro del bloque. Los enlaces de pago y los códigos QR para escanear y pagar aparecen como botones debajo.

Detalles del evento

Un bloque por tema: código de vestimenta con los colores recomendados y los que conviene evitar en forma de muestras, dónde alojarse con cada hotel como tarjeta (distancia, rango de precios, código promocional, enlace de reserva), cómo llegar con una tarjeta por opción y un bloque de preguntas frecuentes a todo lo ancho donde cada pregunta se abre y se cierra con un toque.

Guarda la fecha (Calendario)

Un bloque con el título y la fecha a un lado y tres botones (Google, Apple y Outlook) al otro.

Confirmación de asistencia

Un gran bloque blanco con el título y tu fecha límite de respuesta a un lado y el formulario de confirmación al otro. La elección sí/no se convierte en dos bloques seleccionables, los campos pasan a ser entradas redondeadas integradas y el botón de envío toma el color de acento. En el ordenador, el título permanece visible mientras los invitados recorren un formulario largo.

Cierre

Un bloque oscuro de cierre con tus iniciales, el título de cierre, la fecha y la ubicación, junto a un segundo bloque de confirmación del color de acento.

Secciones que usan la estructura compartida

Algunas secciones mantienen la estructura compartida de Fotify y adoptan el estilo de Bento: cada una se convierte en un bloque dentro de la misma columna, con los encabezados y botones de Bento:

Subida de fotos: botón de subida del color de acento, fotos redondeadas
Código QR: placa redondeada y botón de guardar en forma de píldora
Tu mesa: los nombres de las mesas se muestran como etiquetas del color de acento
Subeventos y ventajas: botones en forma de píldora para aceptar, rechazar y desbloquear
Peticiones para la playlist
Secciones personalizadas: encabezados de Bento; las fotos de las secciones son redondeadas y tienen una altura máxima para que un retrato alto nunca se adueñe de la página

Preguntas frecuentes

P: ¿Bento es solo para eventos tecnológicos o corporativos? R: No. El aspecto se inspira en las webs de producto, pero funciona para cualquier evento al que le guste un diseño limpio y moderno, bodas incluidas. Elige Rubor o Salvia con esquinas suaves para un resultado más delicado, o Grafito con Lima para una fiesta atrevida.

P: ¿El lienzo oscuro Grafito sigue el modo oscuro del dispositivo del invitado? R: No. El lienzo lo eliges tú y todos los invitados ven el mismo diseño. Grafito es simplemente la opción oscura que puedes elegir.

P: ¿Por qué faltan algunas secciones en la navegación? R: La navegación solo muestra las secciones que están activadas y tienen contenido, en el orden de tus secciones. La confirmación de asistencia tiene su propio botón al final de la píldora en lugar de un enlace.

P: El nombre de mi evento es largo. ¿Cabrá en la portada? R: Sí. Bento elige el tamaño del titular según la longitud del nombre y su palabra más larga, así que los nombres largos bajan de tamaño y saltan de línea entre palabras.

P: ¿Puedo cambiar el color de acento por el color de mi marca? R: Bento ofrece cuatro acentos probados (Mandarina, Cobalto, Lima y Violeta), cada uno combinado con un color de texto que mantiene los botones legibles sobre cualquier lienzo.

P: ¿Bento admite todas las funciones estándar? R: Sí: la portada, el mensaje, la cuenta regresiva, la galería, la historia, la ubicación, el itinerario, los regalos (incluidas las reservas y aportaciones de la lista de deseos), los detalles del evento, los botones de calendario y la confirmación de asistencia tienen estructuras propias de Bento, y el resto de secciones usan la estructura compartida con el estilo de Bento. La apertura del sobre y la música de fondo funcionan como siempre.

Próximos pasos

Consulta Cómo personalizar tu invitación de confirmación de asistencia para conocer la galería de plantillas y cómo probar un diseño antes de aplicarlo
Compárala con Lino para un minimalismo editorial o con Atelier para una formalidad tipográfica
Descubre más sobre las invitaciones digitales con confirmación de asistencia de Fotify

¿Necesitas ayuda? Ponte en contacto mediante el widget de ayuda dentro del panel.