Modelo Bento — Guia Completo

Bento transforma seu convite em uma grade modular de blocos arredondados, do jeito que os sites de produto mais caprichados apresentam seus recursos. Se o Linho parece uma revista de moda e o Ateliê uma papelaria letterpress, o Bento é nítido, claro e moderno: blocos brancos sobre uma base quente cor de porcelana, títulos enormes com espaçamento justo entre as letras, pequenos rótulos em fonte monoespaçada e uma única cor de destaque marcante.

Este guia mostra como o Bento é, as opções exclusivas dele, como aplicá-lo e o tratamento que ele dá a cada seção do seu convite.

Para uma visão geral da biblioteca de modelos e do seletor, consulte Como Personalizar seu Convite de RSVP.

O que torna o Bento diferente

Os modelos padrão mudam as cores e as fontes de um mesmo layout compartilhado. O Bento substitui o próprio layout: a capa, a contagem regressiva, a galeria, a história, a programação, os presentes, os detalhes, os botões de calendário e o formulário de confirmação são todos reconstruídos como blocos em uma grade.

Elementos de design marcantes

Uma capa feita de blocos — em vez de um banner principal, a capa é um conjunto: um bloco grande de título com o nome do seu evento, um bloco de foto, um bloco de data com o número do dia em tamanho gigante, um bloco de horário, um bloco de local com um alfinete e um bloco de confirmação em cor viva que leva os convidados direto ao formulário
Navegação flutuante em pílula — uma pílula de vidro fixa no topo da tela com suas iniciais, um link para cada seção visível e um botão para confirmar presença. O link da seção que está sendo lida fica destacado conforme os convidados rolam a página. No celular, ela aparece assim que o convidado começa a rolar
Tipografia display em tamanho grande — Inter Tight em pesos extra negrito e espaçamento justo para nomes, títulos e números; Inter para o texto de leitura; JetBrains Mono para os pequenos rótulos em maiúsculas de cada bloco
Uma única cor de destaque — Tangerina, Cobalto, Lima ou Violeta, usada só onde importa: os blocos de confirmação, o botão da navegação, as etiquetas de horário e os anéis de foco
Quatro bases, uma delas escura — Porcelana, Grafite (modo escuro), Sálvia e Blush
Três estilos de cantos — blocos e botões suaves, extra-arredondados ou retos
Blocos que reagem — no computador, os blocos se elevam levemente sob o ponteiro. Convidados que ativaram a redução de movimento no dispositivo veem uma página estática

Quando escolher o Bento

O Bento combina com anfitriões que querem um convite atual, organizado e fácil de percorrer:

Casamentos modernos — principalmente casamentos urbanos e casais que preferem um design gráfico limpo a flores e caligrafia
Eventos corporativos, lançamentos e conferências — o visual de site de produto combina com eventos de empresa, offsites, lançamentos de produto e meetups; veja eventos corporativos
Aniversários e festas de datas marcantes — escolha Lima ou Tangerina sobre Grafite para uma festa à noite, ou Blush para algo mais suave; veja aniversários
Eventos de vários dias — os blocos da programação, a grade de detalhes e a navegação por seções deixam os fins de semana longos fáceis de acompanhar
Eventos com muita informação prática — código de vestimenta, hotéis, transporte, perguntas frequentes e presentes ganham cada um seu próprio bloco, em vez de um texto longo para rolar

Escolha o Linho para um visual editorial discreto com fotografia em preto e branco, o Ateliê para uma papelaria letterpress formal ou o Vesper para tons pastel suaves e românticos.

Aplicando o Bento ao seu evento

Abra seu evento, clique em Convite na barra lateral e depois na aba Convite
Em Modelo de Design, clique em Alterar modelo se a galeria estiver recolhida e encontre o Bento em Designs
Opcional: clique em Experimentar para ver o Bento com os dados do seu convite na prévia ao vivo — nada é salvo até você clicar em Usar este design
Ou clique no cartão Bento para aplicá-lo na hora
Abra Opções de Bento abaixo da galeria para definir a base, a cor de destaque, os cantos e as outras opções descritas abaixo. As alterações são salvas automaticamente

O Bento está disponível em todos os planos, incluindo o gratuito, e em eventos por assinatura. Trocar para outro modelo depois não é destrutivo: o conteúdo do seu evento continua exatamente como você inseriu, e suas opções do Bento ficam guardadas caso você volte a usá-lo.

Opções de personalização

O Bento tem seis opções próprias, além dos controles padrão do Fotify.

1. Base

As cores neutras por trás de cada bloco:

Porcelana (padrão) — base off-white quente com blocos em branco puro e texto quase preto
Grafite — o modo escuro: base quase preta, blocos cor de carvão e texto claro. O bloco de encerramento e os blocos de dia ficam claros, e os controles do formulário mudam para a versão escura
Sálvia — uma base suave em verde-acinzentado
Blush — uma base em rosa suave

2. Cor de destaque

A única cor viva da página — os blocos de confirmação, o botão de confirmação da navegação, o botão de envio, as etiquetas de horário e os anéis de foco:

Tangerina (padrão) — um laranja-avermelhado quente
Cobalto — um azul elétrico
Lima — um verde-amarelado vibrante; marcante sobre o Grafite
Violeta — um roxo saturado

Cada destaque vem com a própria cor de texto, escolhida para que o texto dos botões continue legível em qualquer base.

3. Cantos

O quanto os blocos, as fotos e os botões são arredondados:

Suaves (padrão) — blocos arredondados com botões em formato de pílula
Redondos — blocos extra-suaves, quase bolhas
Retos — blocos quase quadrados, e os botões em pílula viram botões retos

4. Rótulo da capa

O pequeno rótulo com um ponto colorido acima do nome do seu evento na capa. O padrão é "Convidamos você". Experimente "Reserve a data", "Venha com a gente", "Noite de lançamento" ou suas próprias palavras.

5. Título de encerramento

A frase grande no bloco escuro de encerramento, no fim da página. O padrão é "Até lá." Experimente "Até junho", "Vamos celebrar" ou "Mal podemos esperar".

6. Navegação flutuante

Ative (padrão) ou desative a navegação em pílula no topo da tela. Com ela desativada, a capa sobe um pouco e os convidados rolam a página normalmente.

Todos os textos que o Bento exibe no convite — os rótulos dos blocos, os títulos das seções, o bloco de confirmação, os rótulos dos botões — também podem ser reescritos diretamente na página: coloque a prévia ao vivo no modo de edição e clique duas vezes no texto. O rótulo da capa e o título de encerramento são editados na página da mesma forma.

Como cada seção é tratada

Capa

Um conjunto de blocos substitui o cabeçalho padrão:

Bloco de título — o rótulo da capa acima do nome do seu evento, em tamanho bem grande. Nomes longos diminuem de tamanho automaticamente para nunca quebrar no meio de uma palavra
Bloco de foto — sua foto de capa, recortada para preencher o bloco. Sem foto, o computador mostra suas iniciais sobre um painel pontilhado; no celular o bloco simplesmente não aparece
Bloco de data — o número do dia em tamanho gigante, com o mês, o dia da semana e o ano ao lado
Bloco de horário — o horário de início, no seu formato de 12 ou 24 horas. Oculte-o com a configuração Mostrar hora na capa da sua capa
Bloco de local — o local do seu evento com um alfinete
Bloco de confirmação — um bloco na cor de destaque que leva direto ao formulário

No computador, o título e a foto ficam lado a lado acima de uma fileira de blocos de informação; no celular, tudo se empilha em uma grade organizada de duas colunas.

Mensagem

Um único bloco largo: um pequeno rótulo e suas iniciais de um lado e sua mensagem em tamanho grande do outro, como a frase de destaque de uma página de produto. As palavras enfatizadas ganham a cor de destaque. Mensagens mais longas diminuem para um tamanho confortável de leitura.

Contagem regressiva

Um bloco de título seguido de um bloco por unidade — dias, horas, minutos, segundos —, cada um com um número enorme. As unidades que você desativar nas configurações da contagem regressiva desaparecem e os blocos restantes ficam mais largos. Quando o dia chega, sua mensagem final substitui os números em um bloco na cor de destaque.

Galeria (Carrossel)

Suas fotos são organizadas como um mosaico bento: uma foto grande em destaque, duas menores ao lado, depois uma alta e uma larga, e assim por diante. As últimas fotos sempre se esticam para fechar a grade, então qualquer quantidade de fotos termina de forma limpa.

História

Uma fileira de cartões idênticos — foto em cima, depois data, título e texto — que os convidados deslizam no celular ou percorrem com botões de seta no computador. Um marco sem foto mostra seu número sobre um painel colorido para que todos os cartões mantenham o mesmo formato.

Localização

Um bloco de mapa ao lado de um bloco com seu endereço completo, suas instruções de como chegar e um botão Abrir no Maps. Quando não é possível mostrar um mapa, o bloco desenha um alfinete com as coordenadas do local; sem coordenadas, o bloco de endereço ocupa toda a largura.

Itinerário

Uma fileira por dia: um bloco escuro com o número do dia em destaque e a data completa, ao lado dos eventos daquele dia em forma de cartões. Cada cartão começa com uma etiqueta de horário, seguida do nome do evento, do local e de qualquer observação.

Presentes

Cada lista de presentes, opção de pagamento, instituição de caridade e item da lista de desejos é um bloco próprio em uma grade, agrupados sob pequenos rótulos quando você oferece mais de um tipo. Os dados de pagamento ficam em um campo embutido com um botão de copiar; números de conta e endereços de carteira longos quebram a linha dentro do bloco. Links de pagamento e QR codes para escanear e pagar aparecem como botões logo abaixo.

Detalhes do evento

Um bloco por tema: código de vestimenta com as cores sugeridas e as que devem ser evitadas mostradas como amostras, onde ficar com cada hotel em um cartão (distância, faixa de preço, código promocional, link de reserva), como chegar com um cartão por opção e um bloco de perguntas frequentes em largura total, em que cada pergunta abre e fecha com um toque.

Reserve a data (Calendário)

Um bloco com o título e a data de um lado e três botões — Google, Apple e Outlook — do outro.

RSVP

Um grande bloco branco com o título e a data limite de resposta de um lado e o formulário de confirmação do outro. A escolha sim/não vira dois blocos selecionáveis, os campos viram entradas arredondadas embutidas e o botão de envio ganha a cor de destaque. No computador, o título continua visível enquanto os convidados percorrem um formulário longo.

Encerramento

Um bloco escuro de encerramento com suas iniciais, o título de encerramento, a data e o local, ao lado de um segundo bloco de confirmação na cor de destaque.

Seções que usam o layout compartilhado

Algumas seções mantêm o layout compartilhado do Fotify e ganham o estilo do Bento — cada uma vira um bloco na mesma coluna, com os títulos e botões do Bento:

Envio de fotos — botão de envio na cor de destaque, fotos arredondadas
QR code — placa arredondada e botão de salvar em pílula
Sua mesa — os nomes das mesas aparecem como etiquetas na cor de destaque
Subeventos e vantagens — botões em pílula para aceitar, recusar e desbloquear
Pedidos de músicas para a playlist
Seções personalizadas — títulos do Bento; as fotos das seções são arredondadas e têm altura máxima para que um retrato alto nunca tome conta da página

Perguntas Frequentes

P: O Bento é só para eventos de tecnologia ou corporativos? R: Não. O visual se inspira em sites de produto, mas funciona para qualquer evento que goste de um design limpo e moderno — casamentos incluídos. Escolha Blush ou Sálvia com cantos suaves para um resultado mais delicado, ou Grafite com Lima para uma festa ousada.

P: A base escura Grafite acompanha o modo escuro do dispositivo do convidado? R: Não. A base é escolha sua e todos os convidados veem o mesmo design. O Grafite é simplesmente a opção escura que você pode escolher.

P: Por que algumas seções não aparecem na navegação? R: A navegação só lista as seções que estão ativadas e têm conteúdo, na ordem das suas seções. A confirmação de presença tem seu próprio botão no fim da pílula, em vez de um link.

P: O nome do meu evento é longo. Ele vai caber na capa? R: Sim. O Bento escolhe o tamanho do título de acordo com o tamanho do nome e da palavra mais longa, então nomes longos diminuem de tamanho e quebram a linha entre as palavras.

P: Posso trocar a cor de destaque pela cor da minha marca? R: O Bento oferece quatro destaques testados (Tangerina, Cobalto, Lima e Violeta), cada um combinado com uma cor de texto que mantém os botões legíveis em qualquer base.

P: O Bento é compatível com todos os recursos padrão? R: Sim — capa, mensagem, contagem regressiva, galeria, história, localização, itinerário, presentes (incluindo reservas e contribuições da lista de desejos), detalhes do evento, botões de calendário e RSVP têm layouts próprios do Bento, e as demais seções usam o layout compartilhado no estilo do Bento. A abertura do envelope e a música de fundo funcionam normalmente.

Próximos passos

Veja Como Personalizar seu Convite de RSVP para conhecer a galeria de modelos e como experimentar um design antes de aplicá-lo
Compare com o Linho para um minimalismo editorial ou com o Ateliê para a formalidade letterpress
Saiba mais sobre os convites digitais com RSVP do Fotify

Precisa de ajuda? Entre em contato pelo widget de ajuda no painel.