Przejdź do głównej zawartości
Jonot Docs

Dostosuj branding

Powierzchnie skierowane do klienta w Jonot — wyświetlacz kolejki, kiosk i strona biletu klienta na jego własnym telefonie — mogą zostać przestylizowane tak, by pasowały do marki Twojej organizacji zamiast domyślnego wyglądu Jonot. Branding jest ustawiany dla całej organizacji i propaguje się na żywo do każdego sparowanego urządzenia bez ponownego wdrożenia.

Poniższy klip pokazuje te same trzy powierzchnie przechodzące przez kilka różnych tożsamości marki — logo, kolory, czcionki i promień zaokrąglenia zmieniają się razem, podczas gdy sam produkt pozostaje dokładnie taki sam.

Co możesz dostosować

Dział zatytułowany „Co możesz dostosować”

Otwórz Ustawienia → Branding w panelu administracyjnym:

  • Logo — hostowany adres URL obrazu. Pojawia się w stopce strony biletu klienta i kiosku, a na wyświetlaczu — nad nagłówkiem „Teraz obsługujemy”.
  • Rozmiar logo — mnożnik rozmiaru (0,8–1,6×, domyślnie 1,0), który powiększa lub zmniejsza logo na ekranach klienta, kiosku i wyświetlacza.
  • Kolor podstawowy i drugorzędny — dwa główne kolory marki używane w przyciskach, nagłówkach i akcentach.
  • Kolor akcentu — dodatkowy kolor do drugorzędnych wyróżnień.
  • Kolor błysku przy wywołaniu — kolor błysku na cały ekran, który pokazuje wyświetlacz, gdy bilet zostaje wywołany (zachowanie samego błysku opisano w Dźwiękach powiadomień).
  • Kolory tekstu, tła, powierzchni i obramowań — pozostała paleta, która utrzymuje czytelność każdego ekranu na tle wybranych kolorów marki.
  • Promień narożnika — od ostrego (0) do w pełni zaokrąglonego, stosowany spójnie do kart, przycisków i paneli.
  • Czcionki marki — stos do trzech czcionek, każda dostarczana przez Google Fonts, stosowanych w kolejności zapasowej: pierwsza czcionka jest podstawowa, a kolejne pokrywają znaki, których brakuje poprzednim. Zmień kolejność czcionek w stosie za pomocą elementów sterujących góra/dół i nadaj dowolnej czcionce opcjonalny filtr pisma (łacińskie, greckie, japońskie, koreańskie, chińskie, …), aby zawęzić wybór do czcionek obejmujących pisma potrzebne dla Twoich włączonych języków. Wskazówka o pokryciu oznacza każde pismo, którego wybrane czcionki nie obejmują. Pozostaw stos pusty, aby użyć domyślnej czcionki Jonot (Inter). Każda czcionka jest wczytywana na żądanie dla powierzchni, które jej potrzebują.
  • Skala czcionki — mnożnik rozmiaru (0,85–1,5×) dla organizacji, które chcą większego lub bardziej kompaktowego pisma wszędzie.

Panel administracyjny pokazuje na żywo podgląd ekranów wyświetlacza, kiosku i biletu klienta podczas edycji, dzięki czemu widzisz efekt każdej zmiany przed zapisaniem.

Dział zatytułowany „Przesyłanie logo”

Jonot renderuje dokładnie to, co przesłano — nie ma automatycznego przycinania ani dopełniania. Jeśli chcesz mieć wolną przestrzeń wokół znaku, osadź ten odstęp bezpośrednio w pliku obrazu.

  • Przezroczyste tło. Logo z jednolitym tłem pokaże to tło jako prostokąt na każdej powierzchni.
  • Najlepiej sprawdzają się układy poziome lub kwadratowe. Szerokie, poziome logo — lub kwadratowy znak — skaluje się czysto w stopce i sekcji hero wyświetlacza. Unikaj bardzo wysokich, pionowych układów; zostaną zmniejszone do wąskiego paska, aby zmieścić się w dostępnej szerokości.
  • Format: PNG, JPEG lub WebP. Przesyłanie plików SVG jest odrzucane.
  • Rozmiar: maksymalnie 1 MB.
  • Rozdzielczość: co najmniej 400×160 px (lub odpowiednie proporcje dla kwadratowego znaku), aby logo pozostało ostre przy większych rozmiarach dopuszczanych przez ustawienie rozmiaru logo.

Użyj ustawienia Rozmiar logo (0,8–1,6×, domyślnie 1,0), aby dostroić, jak duże jest logo po przesłaniu — podgląd na żywo natychmiast odzwierciedla zmianę.

Jak rozprzestrzeniają się zmiany

Dział zatytułowany „Jak rozprzestrzeniają się zmiany”

Zapisane zmiany brandingu są przesyłane do każdego sparowanego wyświetlacza, kiosku i otwartej strony biletu klienta Twojej organizacji tym samym kanałem na żywo, który jest używany do aktualizacji kolejki — nie trzeba czyścić żadnej pamięci podręcznej ani czekać na aktualizację aplikacji. Klient z już otwartą stroną biletu widzi nowy wygląd zastosowany bez przeładowania strony.

Zakres dla całej organizacji

Dział zatytułowany „Zakres dla całej organizacji”

Branding jest ustawiany na poziomie organizacji i obowiązuje dla każdej lokalizacji. Obecnie nie ma nadpisania na poziomie lokalizacji — wszystkie lokalizacje w organizacji współdzielą jedną tożsamość marki.

Powiązane przewodniki

Dział zatytułowany „Powiązane przewodniki”