---
title: Jak dostosować Gamfi People Platform do swojego systemu identyfikacji wizualnej?
description: 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
---

[Przejdź do treści](https://gamfi.support/pl/help/jak-dostosować-gamfi-do-swojego-systemu-identyfikacji-wizualnej#main-content)

- [Polski](https://gamfi.support/pl/help/jak-dostosowa%C4%87-gamfi-do-swojego-systemu-identyfikacji-wizualnej)
- [English](https://gamfi.support/help/how-to-adapt-gamfi-to-your-visual-identification-system)

Polski

Pokaż podmenu do tłumaczenia

[Portal klienta](https://gamfi.support/tickets?hsLang=pl)

![Logo-gamfi\_orange.png\]](https://gamfi.support/hs-fs/hubfs/Logo-gamfi_orange.png?height=40&name=Logo-gamfi_orange.png)

- [Baza wiedzy](https://gamfi.support/pl/help)

Otwórz główne menu nawigacji

Zamknij główne menu nawigacji

- [Baza wiedzy](https://gamfi.support/pl/help)
- - [Polski](https://gamfi.support/pl/help/jak-dostosowa%C4%87-gamfi-do-swojego-systemu-identyfikacji-wizualnej)
    - [English](https://gamfi.support/help/how-to-adapt-gamfi-to-your-visual-identification-system)

  Polski
  
  Pokaż podmenu do tłumaczenia
- [Portal klienta](https://gamfi.support/tickets)
- Przejdź do gamfi.com

 Przejdź do gamfi.com

 Cześć! Jak możemy Ci pomóc?

- Brak sugerowanych wyników, ponieważ pole wyszukiwania jest puste.

1. [Baza wiedzy](https://gamfi.support/pl/help?hsLang=pl)
2. [Pierwsze kroki z Gamfi](https://gamfi.support/pl/help/pierwsze-kroki-z-gamfi?hsLang=pl)
3. [Panel administratora](https://gamfi.support/pl/help/pierwsze-kroki-z-gamfi?hsLang=pl#panel-administratora)

# Jak dostosować Gamfi People Platform 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](https://gamfi.support/hs-fs/hubfs/How%20to%20adapt%20Gamfi%20to%20your%20visual%20identification%20system_1.webp?width=670&height=428&name=How%20to%20adapt%20Gamfi%20to%20your%20visual%20identification%20system_1.webp)

### 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.**

**![](https://academy.gamfi.io/image/workflows/page/64117b61c131a36f_Zrzutekranu2026-04-9o10.22.07.png)**

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

![How to adapt Gamfi to your visual identification system\_3](https://gamfi.support/hs-fs/hubfs/How%20to%20adapt%20Gamfi%20to%20your%20visual%20identification%20system_3.webp?width=670&height=426&name=How%20to%20adapt%20Gamfi%20to%20your%20visual%20identification%20system_3.webp)

### 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 People Platform 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 People Platform, można dopasować ikonę na z katalogu 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](https://gamfi.support/hs-fs/hubfs/How%20to%20adapt%20Gamfi%20to%20your%20visual%20identification%20system_4.webp?width=670&height=1033&name=How%20to%20adapt%20Gamfi%20to%20your%20visual%20identification%20system_4.webp)

### 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](https://gamfi.support/hs-fs/hubfs/How%20to%20adapt%20Gamfi%20to%20your%20visual%20identification%20system_5.webp?width=670&height=426&name=How%20to%20adapt%20Gamfi%20to%20your%20visual%20identification%20system_5.webp)

### 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](https://gamfi.support/hs-fs/hubfs/How%20to%20adapt%20Gamfi%20to%20your%20visual%20identification%20system_6.webp?width=670&height=426&name=How%20to%20adapt%20Gamfi%20to%20your%20visual%20identification%20system_6.webp)

 

- [Pierwsze kroki z Gamfi](https://gamfi.support/pl/help/pierwsze-kroki-z-gamfi?hsLang=pl#main-content)

    - [Poznaj Aplikację Gamfi](https://gamfi.support/pl/help/pierwsze-kroki-z-gamfi?hsLang=pl#poznaj-aplikacj%C4%99-gamfi)
    - [Portal użytkownika](https://gamfi.support/pl/help/pierwsze-kroki-z-gamfi?hsLang=pl#portal-u%C5%BCytkownika)
    - [Panel administratora](https://gamfi.support/pl/help/pierwsze-kroki-z-gamfi?hsLang=pl#panel-administratora)
    - [Podstawowe wymagania techniczne](https://gamfi.support/pl/help/pierwsze-kroki-z-gamfi?hsLang=pl#podstawowe-wymagania-techniczne)
- [Wypracuj standard - stwórz Workflow](https://gamfi.support/pl/help/wypracuj-standard-stw%C3%B3rz-workflow?hsLang=pl#main-content)

    - [Workflow - szablon Procesu](https://gamfi.support/pl/help/wypracuj-standard-stw%C3%B3rz-workflow?hsLang=pl#workflow-szablon-procesu)
    - [Akcje - "puzzle" tworzące Workflow](https://gamfi.support/pl/help/wypracuj-standard-stw%C3%B3rz-workflow?hsLang=pl#akcje-puzzle-tworz%C4%85ce-workflow)
    - [Lokalizacje i Kategorie - dopasuj Workflow do typu pracownika](https://gamfi.support/pl/help/wypracuj-standard-stw%C3%B3rz-workflow?hsLang=pl#lokalizacje-i-kategorie-dopasuj-workflow-do-typu-pracownika)
    - [Baza wiedzy - stwórz bazę dokumentów](https://gamfi.support/pl/help/wypracuj-standard-stw%C3%B3rz-workflow?hsLang=pl#baza-wiedzy-stw%C3%B3rz-baz%C4%99-dokument%C3%B3w)
    - [Segment użytkownika](https://gamfi.support/pl/help/wypracuj-standard-stw%C3%B3rz-workflow?hsLang=pl#segment-u%C5%BCytkownika)
- [Automatyzuj i skaluj Procesy](https://gamfi.support/pl/help/automatyzuj-i-skaluj-procesy?hsLang=pl#main-content)

    - [Uruchom Proces - uwolnij Akcje zaplanowane w Workflow](https://gamfi.support/pl/help/automatyzuj-i-skaluj-procesy?hsLang=pl#uruchom-proces-uwolnij-akcje-zaplanowane-w-workflow)
    - [Zarządzaj Procesami](https://gamfi.support/pl/help/automatyzuj-i-skaluj-procesy?hsLang=pl#zarz%C4%85dzaj-procesami)
    - [Wykorzystaj Role - zaangażuj innych interesariuszy Procesu](https://gamfi.support/pl/help/automatyzuj-i-skaluj-procesy?hsLang=pl#wykorzystaj-role-zaanga%C5%BCuj-innych-interesariuszy-procesu)
- [Edukacja, angażowanie i komunikacja](https://gamfi.support/pl/help/edukacja-anga%C5%BCowanie-i-komunikacja?hsLang=pl)
- [Raportowanie](https://gamfi.support/pl/help/raportowanie?hsLang=pl#main-content)

    - [Raporty w Panelu administratora](https://gamfi.support/pl/help/raportowanie?hsLang=pl#raporty-w-panelu-administratora)
    - [Raporty w Portalu użytkownika](https://gamfi.support/pl/help/raportowanie?hsLang=pl#raporty-w-portalu-u%C5%BCytkownika)
- [Gamfi API Docs](https://gamfi.support/pl/help/gamfi-api-docs?hsLang=pl#main-content)

    - [Zarządzanie użytkownikami](https://gamfi.support/pl/help/gamfi-api-docs?hsLang=pl#zarz%C4%85dzanie-u%C5%BCytkownikami)
    - [Zarządzanie procesami i workflowami](https://gamfi.support/pl/help/gamfi-api-docs?hsLang=pl#zarz%C4%85dzanie-procesami-i-workflowami)
    - [Pobieranie raportów](https://gamfi.support/pl/help/gamfi-api-docs?hsLang=pl#pobieranie-raport%C3%B3w)

- [Baza wiedzy](https://gamfi.support/pl/help)

[![Chill listening crop-3](https://gamfi.support/hs-fs/hubfs/Logo-gamfi_orange-1.png?width=82&height=24&name=Logo-gamfi_orange-1.png "Chill listening crop-3")](https://gamfi.com)

Copyright © 2025, Gamfi