Jak dostosować Gamfi do swojego systemu identyfikacji wizualnej?

1. Landing page - strona logowania

Tutaj możemy ustawić w tle dowolną grafikę w rozmiarze 2048x1080 px. Bierzmy jedynie pod uwagę, że platforma automatycznie kompresuje obraz i będzie on nieco rozmazany. Dlatego polecamy przygotowanie gradientu lub jednolitej grafiki w wybranym kolorze.

How to adapt Gamfi to your visual identification system_1

2. Kolory aplikacji

W Panelu Administratora możemy zmienić kolory aplikacji tak, aby je dopasować do kolorystyki swojej firmy. Możemy zdefiniować:

  • główny kolor tła w akcjach - warto zwrócić uwagę na to, by kolory nie były zbyt ciemne,
  • dodatkowy kolor tła w akcjach,
  • kolor przycisków w akcjach,
  • kolor tła etykiet,
  • kolor tekstu na etykietach.

How to adapt Gamfi to your visual identification system_2

Tu przykład, jak ustawione kolory prezentują się w Akcji typu Formularz:

How to adapt Gamfi to your visual identification system_3

3. Branding Portalu Użytkownika

W Portalu Użytkownika można:

  • ustawić kolor paska górnego menu (+ włączyć opcję jego transparentności),
  • dodać grafikę z logotypem na górnym pasku menu,
  • ustalić kolor interaktywnych pól w Gamfi dla wszystkich przycisków w zadaniach i klikalnych elementów w menu,
  • ustawić ikonę favicon (tę, która wyświetla się na pasku zakładek przy nazwie strony).

4. Ikony Akcji w Portalu użytkownika

Do każdego zadania w Gamfi, można dopasować ikonę na z katalogu Gamfi lub dodać własną. Ikona będzie widoczna przy danej Akcji w Portalu Użytkownika.

How to adapt Gamfi to your visual identification system_4

5. Grafiki w Akcjach typu Strona

W każdej Akcji typu Strona można wstawiać grafiki. Ze względu na sposób wyświetlania zalecana jest szerokość 2048 px, z kolei wysokość pozostaje dowolna. 

💡 Na grafikach można umieszczać część tekstu z zadania – należy jednak pamiętać, że przy korzystaniu z wersji mobilnej grafika automatycznie zmniejszy się, więc tekst może być przez to mniej czytelny.

How to adapt Gamfi to your visual identification system_5

6. Grafiki w Akcjach typu Relacje

W przypadku Relacji, wykorzystując Element Relacji typu Karta, można dodawać grafiki przygotowane w jednym z trzech poniższych wymiarów:

  • 375x325 px,
  • 750x650 px,
  • 1500x1300 px.

How to adapt Gamfi to your visual identification system_6