Szablon Bento — kompletny przewodnik

Bento zamienia Twoje zaproszenie w modułową siatkę zaokrąglonych kafelków — tak, jak dopracowane strony produktowe prezentują swoje funkcje. Podczas gdy Len przypomina magazyn modowy, a Atelier papeterię letterpress, Bento jest wyrazisty, jasny i nowoczesny: białe kafelki na ciepłym porcelanowym tle, duże nagłówki o ciasnym odstępie między literami, drobne etykiety pisane krojem monospace i jeden odważny kolor akcentu.

Ten przewodnik omawia wygląd Bento, unikalne dla niego opcje, sposób zastosowania go oraz to, jak prezentuje każdą sekcję Twojego zaproszenia.

Przegląd biblioteki szablonów i selektora znajdziesz w artykule Jak dostosować zaproszenie RSVP.

Co wyróżnia Bento

Standardowe szablony zmieniają wygląd jednego wspólnego układu za pomocą kolorów i czcionek. Bento zastępuje sam układ: okładka, odliczanie, galeria, historia, harmonogram, prezenty, szczegóły, przyciski kalendarza i formularz RSVP są od nowa zbudowane jako kafelki w siatce.

Charakterystyczne elementy projektu

Okładka z kafelków — zamiast banera hero okładka to zestaw kafelków: duży kafelek tytułowy z nazwą wydarzenia, kafelek ze zdjęciem, kafelek daty z ogromnym numerem dnia, kafelek godziny, kafelek miejsca z pinezką i jaskrawy kafelek RSVP, który prowadzi gości prosto do formularza
Pływająca nawigacja w kształcie pigułki — szklana pigułka przypięta u góry ekranu z Twoimi inicjałami, linkiem do każdej widocznej sekcji i przyciskiem RSVP. Podczas przewijania podświetla się link do sekcji, którą gość właśnie czyta. Na telefonach nawigacja wysuwa się, gdy tylko gość zacznie przewijać
Duża typografia display — Inter Tight w bardzo grubych odmianach z ciasnym odstępem dla imion, tytułów i liczb; Inter do tekstu; JetBrains Mono do małych etykiet wersalikami na każdym kafelku
Jeden kolor akcentu — Mandarynka, Kobalt, Limonka lub Fiolet, użyty tylko tam, gdzie ma to znaczenie: na kafelkach RSVP, przycisku nawigacji, plakietkach z godziną i obwódkach zaznaczenia
Cztery tła, w tym jedno ciemne — Porcelana, Grafit (tryb ciemny), Szałwia i Pudrowy róż
Trzy style narożników — miękkie, bardzo zaokrąglone lub ostre, kwadratowe kafelki i przyciski
Kafelki reagujące na ruch — na komputerze kafelki lekko unoszą się pod kursorem. Goście, którzy włączyli na urządzeniu ograniczenie ruchu, zobaczą statyczną stronę

Kiedy wybrać Bento

Bento sprawdzi się u gospodarzy, którzy chcą, aby zaproszenie było aktualne, uporządkowane i łatwe do przejrzenia:

Nowoczesne wesela — zwłaszcza miejskie i dla par, które wolą czysty design graficzny od kwiatów i kaligrafii
Wydarzenia firmowe, premiery i konferencje — styl stron produktowych pasuje do imprez firmowych, wyjazdów integracyjnych, premier produktów i meetupów; zobacz wydarzenia firmowe
Urodziny i ważne jubileusze — wybierz Limonkę lub Mandarynkę na Graficie na wieczorną imprezę albo Pudrowy róż na coś delikatniejszego; zobacz urodziny
Wydarzenia kilkudniowe — kafelki harmonogramu, siatka szczegółów i nawigacja po sekcjach ułatwiają śledzenie długiego weekendu
Wydarzenia z dużą ilością praktycznych informacji — dress code, hotele, transport, FAQ i prezenty dostają własne kafelki zamiast długiego ciągu tekstu

Zamiast tego wybierz Len, jeśli chcesz spokojnego, edytorskiego wyglądu z czarno-białą fotografią, Atelier dla formalnej papeterii letterpress lub Vesper dla delikatnych, romantycznych pasteli.

Zastosowanie Bento w Twoim wydarzeniu

Otwórz wydarzenie, kliknij Zaproszenie na pasku bocznym, a następnie kartę Zaproszenie
W sekcji Szablon projektu kliknij Zmień szablon, jeśli galeria jest zwinięta, i znajdź Bento w grupie Projekty
Opcjonalnie: kliknij Wypróbuj, aby zobaczyć Bento z danymi Twojego zaproszenia w podglądzie na żywo — nic nie zostanie zapisane, dopóki nie klikniesz Użyj tego projektu
Możesz też od razu kliknąć kartę Bento, aby go zastosować
Otwórz Opcje Bento pod galerią, aby ustawić tło, kolor akcentu, narożniki i pozostałe opcje opisane poniżej. Zmiany zapisują się automatycznie

Bento jest dostępny w każdym planie, także w bezpłatnym, oraz w wydarzeniach w ramach subskrypcji. Późniejsza zmiana na inny szablon jest nieniszcząca: treść wydarzenia pozostaje dokładnie taka, jak ją wprowadzono, a Twoje opcje Bento zostają zachowane na wypadek powrotu do tego szablonu.

Opcje personalizacji

Bento ma sześć własnych opcji, oprócz standardowych ustawień Fotify.

1. Tło

Neutralne kolory pod wszystkimi kafelkami:

Porcelana (domyślnie) — ciepłe, złamane białe tło z wyrazistymi białymi kafelkami i niemal czarnym tekstem
Grafit — tryb ciemny: niemal czarne tło, grafitowe kafelki i jasny tekst. Kafelek zamykający i kafelki dni zmieniają się na jasne, a kontrolki formularza przełączają się na ciemne wersje
Szałwia — delikatne szarozielone tło
Pudrowy róż — delikatne różowe tło

2. Kolor akcentu

Jedyny jaskrawy kolor na stronie — kafelki RSVP, przycisk RSVP w nawigacji, przycisk wysyłania, plakietki z godziną i obwódki zaznaczenia:

Mandarynka (domyślnie) — ciepły pomarańczowo-czerwony
Kobalt — elektryzujący niebieski
Limonka — żywa żółtozielona; efektowna na Graficie
Fiolet — nasycony fioletowy

Każdy akcent ma własny kolor etykiet, dobrany tak, aby tekst przycisków był czytelny na każdym tle.

3. Narożniki

Stopień zaokrąglenia kafelków, zdjęć i przycisków:

Miękkie (domyślnie) — zaokrąglone kafelki i przyciski w pełnym kształcie pigułki
Okrągłe — wyjątkowo miękkie, pękate kafelki
Ostre — niemal kwadratowe kafelki, a przyciski w kształcie pigułki stają się kwadratowe

4. Etykieta na okładce

Mała etykieta z kolorową kropką nad nazwą wydarzenia na okładce. Domyślnie „Zapraszamy”. Wypróbuj „Zapisz datę”, „Dołącz do nas”, „Noc premiery” albo własne słowa.

5. Tytuł końcowy

Duży napis na ciemnym kafelku zamykającym na dole strony. Domyślnie „Do zobaczenia.”. Wypróbuj „Do czerwca”, „Świętujmy razem” albo „Nie możemy się doczekać”.

6. Pływająca nawigacja

Włącz (domyślnie) lub wyłącz nawigację w kształcie pigułki u góry ekranu. Po jej wyłączeniu okładka przesuwa się nieco wyżej, a goście przewijają stronę jak zwykle.

Każdy tekst, który Bento wyświetla w zaproszeniu — etykiety kafelków, tytuły sekcji, kafelek RSVP, etykiety przycisków — możesz też zmienić bezpośrednio na stronie: przełącz podgląd na żywo w tryb edycji i kliknij dwukrotnie tekst. Etykietę na okładce i tytuł końcowy edytuje się na miejscu w ten sam sposób.

Jak traktowana jest każda sekcja

Okładka

Zestaw kafelków zastępuje standardowy nagłówek:

Kafelek tytułowy — etykieta okładki nad nazwą wydarzenia, złożoną bardzo dużym krojem. Długie nazwy automatycznie zmniejszają rozmiar, aby nigdy nie łamały się w środku słowa
Kafelek ze zdjęciem — Twoje zdjęcie okładkowe, przycięte tak, aby wypełnić kafelek. Bez zdjęcia na komputerze pojawiają się Twoje inicjały na kropkowanym panelu; na telefonach kafelek jest po prostu pomijany
Kafelek daty — ogromny numer dnia z miesiącem, dniem tygodnia i rokiem obok
Kafelek godziny — godzina rozpoczęcia w wybranym formacie 12- lub 24-godzinnym. Ukryjesz go ustawieniem Pokaż godzinę na okładce
Kafelek miejsca — lokalizacja wydarzenia z pinezką
Kafelek RSVP — kafelek w kolorze akcentu, który przewija stronę prosto do formularza

Na komputerze kafelki tytułowy i ze zdjęciem stoją obok siebie nad jednym rzędem kafelków informacyjnych; na telefonach wszystko układa się w schludną siatkę o dwóch kolumnach.

Wiadomość

Jeden szeroki kafelek: mała etykieta i Twoje inicjały po jednej stronie, a Twoja wiadomość złożona dużym krojem po drugiej — jak główne hasło na stronie produktowej. Wyróżnione słowa przyjmują kolor akcentu. Dłuższe wiadomości zmniejszają się do wygodnego rozmiaru do czytania.

Odliczanie

Kafelek z tytułem, a po nim po jednym kafelku na każdą jednostkę — dni, godziny, minuty, sekundy — każdy z ogromną liczbą. Jednostki wyłączone w ustawieniach odliczania znikają, a pozostałe kafelki się poszerzają. Gdy nadejdzie ten dzień, Twoja wiadomość końcowa zastępuje liczby w kafelku w kolorze akcentu.

Galeria (Karuzela)

Twoje zdjęcia układają się w mozaikę bento: duże zdjęcie główne, obok dwa mniejsze, potem wysokie i szerokie — i tak na zmianę. Ostatnie zdjęcia zawsze się rozciągają, aby domknąć siatkę, więc dowolna liczba zdjęć kończy się równo.

Historia

Rząd jednakowych kart — zdjęcie na górze, pod nim data, tytuł i tekst — które goście przesuwają palcem na telefonach lub przewijają przyciskami strzałek na komputerze. Kamień milowy bez zdjęcia pokazuje swój numer na zabarwionym panelu, dzięki czemu każda karta ma ten sam kształt.

Lokalizacja

Kafelek z mapą obok kafelka z pełnym adresem, wskazówkami dojazdu i przyciskiem Otwórz w Mapach. Gdy mapy nie da się wyświetlić, kafelek mapy pokazuje zamiast niej pinezkę ze współrzędnymi miejsca; bez współrzędnych kafelek adresu zajmuje całą szerokość.

Harmonogram

Jeden wiersz na każdy dzień: ciemny kafelek dnia z dużym numerem dnia i pełną datą, obok wydarzenia tego dnia w postaci kart. Każda karta zaczyna się od plakietki z godziną, po której następują nazwa wydarzenia, miejsce i ewentualna notatka.

Prezenty

Każda lista prezentów, opcja płatności, organizacja charytatywna i pozycja z listy życzeń to osobny kafelek w siatce, pogrupowany pod małymi etykietami, gdy oferujesz więcej niż jeden rodzaj. Dane do płatności znajdują się we wpuszczonym polu z przyciskiem kopiowania; długie numery kont i adresy portfeli zawijają się wewnątrz kafelka. Linki do płatności i kody QR do zeskanowania pojawiają się pod spodem jako przyciski.

Szczegóły wydarzenia

Kafelek na każdy temat: dress code z sugerowanymi i niepożądanymi kolorami pokazanymi jako próbki, gdzie się zatrzymać z każdym hotelem jako kartą (odległość, przedział cenowy, kod promocyjny, link do rezerwacji), jak dojechać z kartą dla każdej opcji oraz FAQ na całą szerokość, w którym każde pytanie otwiera się i zamyka po dotknięciu.

Zapisz datę (Kalendarz)

Jeden kafelek z tytułem i datą po jednej stronie oraz trzema przyciskami — Google, Apple i Outlook — po drugiej.

RSVP

Duży biały kafelek z tytułem i terminem odpowiedzi po jednej stronie oraz formularzem RSVP po drugiej. Wybór tak/nie zamienia się w dwa klikalne kafelki, pola stają się zaokrąglonymi, wpuszczonymi polami, a przycisk wysyłania przyjmuje kolor akcentu. Na komputerze tytuł pozostaje widoczny, gdy goście przewijają długi formularz.

Zakończenie

Ciemny kafelek zamykający z Twoimi inicjałami, tytułem końcowym, datą i miejscem, obok drugi kafelek RSVP w kolorze akcentu.

Sekcje korzystające ze wspólnego układu

Kilka sekcji zachowuje wspólny układ Fotify i jest ubranych w styl Bento — każda staje się kafelkiem w tej samej kolumnie, z nagłówkami i przyciskami Bento:

Przesyłanie zdjęć — przycisk przesyłania w kolorze akcentu, zaokrąglone zdjęcia
Kod QR — zaokrąglona płytka i przycisk zapisu w kształcie pigułki
Twój stolik — nazwy stolików pokazane jako plakietki w kolorze akcentu
Podwydarzenia i przywileje — przyciski akceptacji, odmowy i odblokowania w kształcie pigułki
Prośby o piosenki do playlisty
Sekcje niestandardowe — nagłówki Bento; zdjęcia sekcji są zaokrąglone i mają ograniczoną wysokość, aby wysoki portret nigdy nie zdominował strony

Najczęściej zadawane pytania

P: Czy Bento jest tylko dla wydarzeń technologicznych lub firmowych? O: Nie. Wygląd jest inspirowany stronami produktowymi, ale sprawdza się na każdym wydarzeniu, które lubi czysty, nowoczesny design — także na weselu. Wybierz Pudrowy róż lub Szałwię z miękkimi narożnikami, aby uzyskać łagodniejszy efekt, albo Grafit z Limonką na odważną imprezę.

P: Czy ciemne tło Grafit dostosowuje się do ustawienia trybu ciemnego gościa? O: Nie. Tło to Twój wybór i każdy gość widzi ten sam projekt. Grafit to po prostu ciemna opcja, którą możesz wybrać.

P: Dlaczego niektórych sekcji brakuje w nawigacji? O: Nawigacja wyświetla tylko sekcje, które są włączone i mają treść, w Twojej kolejności sekcji. RSVP ma zamiast linku własny przycisk na końcu pigułki.

P: Nazwa mojego wydarzenia jest długa. Czy zmieści się na okładce? O: Tak. Bento dobiera rozmiar nagłówka na podstawie długości nazwy i jej najdłuższego słowa, więc długie nazwy zmniejszają rozmiar i łamią się między słowami.

P: Czy mogę zmienić kolor akcentu na kolor mojej marki? O: Bento oferuje cztery przetestowane akcenty (Mandarynka, Kobalt, Limonka i Fiolet), każdy w parze z kolorem etykiet, który zapewnia czytelność przycisków na każdym tle.

P: Czy Bento obsługuje wszystkie standardowe funkcje? O: Tak — okładka, wiadomość, odliczanie, galeria, historia, lokalizacja, harmonogram, prezenty (w tym rezerwacje i dorzucanie się do pozycji z listy życzeń), szczegóły wydarzenia, przyciski kalendarza i RSVP mają układy Bento, a pozostałe sekcje korzystają ze wspólnego układu w stylu Bento. Otwieranie koperty i muzyka w tle działają jak zwykle.

Kolejne kroki

Zobacz Jak dostosować zaproszenie RSVP, aby poznać galerię szablonów i dowiedzieć się, jak wypróbować projekt przed jego zastosowaniem
Porównaj z szablonem Len dla edytorskiego minimalizmu lub Atelier dla formalności letterpress
Dowiedz się więcej o cyfrowych zaproszeniach z RSVP w Fotify

Potrzebujesz pomocy? Skontaktuj się z nami przez widżet pomocy w panelu.