--- title: How to adapt Gamfi People Platform to your visual identification system? description: Here, you can set any background image in 2048x1080 px. Just keep in mind that the platform automatically compresses the image, which will make it slightly blurry. Therefore, we recommend using a grad --- [Skip to content](https://gamfi.support/help/how-to-adapt-gamfi-to-your-visual-identification-system#main-content) - [English](https://gamfi.support/help/how-to-adapt-gamfi-to-your-visual-identification-system) - [Polski](https://gamfi.support/pl/help/jak-dostosować-gamfi-do-swojego-systemu-identyfikacji-wizualnej) English Show submenu for translations [Customer portal](https://gamfi.support/tickets?hsLang=en) ![Logo-gamfi\_orange.png\]](https://gamfi.support/hs-fs/hubfs/Logo-gamfi_orange.png?height=40&name=Logo-gamfi_orange.png) - [Knowledge base](https://gamfi.support/help) Open main navigation Close main navigation - [Knowledge base](https://gamfi.support/help) - - [English](https://gamfi.support/help/how-to-adapt-gamfi-to-your-visual-identification-system) - [Polski](https://gamfi.support/pl/help/jak-dostosować-gamfi-do-swojego-systemu-identyfikacji-wizualnej) English Show submenu for translations - [Customer portal](https://gamfi.support/tickets) - [Go to gamfi.com](https://gamfi.com/) [Go to gamfi.com](https://gamfi.com/) Hello. How can we help you? - There are no suggestions because the search field is empty. 1. [Knowledge base](https://gamfi.support/help?hsLang=en) 2. [Getting started](https://gamfi.support/help/getting-started?hsLang=en) 3. [Admin panel](https://gamfi.support/help/getting-started?hsLang=en#admin-panel) # How to adapt Gamfi People Platform to your visual identification system? #### 1. Landing page - login page Here, you can set any background image in 2048x1080 px. Just keep in mind that the platform automatically compresses the image, which will make it slightly blurry. Therefore, we recommend using a gradient or solid color image. ![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. Application Colors In the Admin Panel, you can change the application colors to match your company's colors. You can define: - the main background color for actions – make sure the colors aren't too dark, - the additional background color for actions, - the color of buttons in actions, - the background color of labels, - the color of text on labels. ![](https://academy.gamfi.io/image/workflows/page/64117b61c131a36f_Zrzutekranu2026-04-9o10.22.07.png) Here is an example of how the set colors look in the Form Action: #### ![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. User Portal Branding In the User Portal, you can: - set the color of the top menu bar (and enable its transparency), - add a logo graphic to the top menu bar, - set the color of interactive fields in Gamfi People Platform for all buttons in tasks and clickable menu items, - set a favicon (the one that displays in the bookmarks bar next to the page name). #### 4. Action Icons in the User Portal For each task in Gamfi People Platform, you can customize the icon from the catalog or add your own. The icon will be visible next to the given Action in the User Portal. ![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=541&height=834&name=How%20to%20adapt%20Gamfi%20to%20your%20visual%20identification%20system_4.webp) #### 5. Images in Page Actions Each Page Action allows you to insert images. Due to the display method, a width of 2048 px is recommended, while the height can be any. #### ![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. Graphics in Relationship Actions For Relationships, using the Card Relationship Element, you can add graphics in one of the following three dimensions: - 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)   - [Getting started](https://gamfi.support/help/getting-started?hsLang=en#main-content) - [Get to know the Gamfi app](https://gamfi.support/help/getting-started?hsLang=en#get-to-know-the-gamfi-app) - [User portal](https://gamfi.support/help/getting-started?hsLang=en#user-portal) - [Admin panel](https://gamfi.support/help/getting-started?hsLang=en#admin-panel) - [Basic technical requirements](https://gamfi.support/help/getting-started?hsLang=en#basic-technical-requirements) - [Set a standard - create a Workflow](https://gamfi.support/help/set-a-standard-create-a-workflow?hsLang=en#main-content) - [Workflow - Process template](https://gamfi.support/help/set-a-standard-create-a-workflow?hsLang=en#workflow-process-template) - [Actions - the "puzzles" that make up the Workflow](https://gamfi.support/help/set-a-standard-create-a-workflow?hsLang=en#actions-the-puzzles-that-make-up-the-workflow) - [Locations and Categories - match Workflow to employee type](https://gamfi.support/help/set-a-standard-create-a-workflow?hsLang=en#locations-and-categories-match-workflow-to-employee-type) - [Knowledge base - create a document database](https://gamfi.support/help/set-a-standard-create-a-workflow?hsLang=en#knowledge-base-create-a-document-database) - [User segment](https://gamfi.support/help/set-a-standard-create-a-workflow?hsLang=en#user-segment) - [Automatise and scale Processes](https://gamfi.support/help/automatise-and-scale-processes?hsLang=en#main-content) - [Run the Process - release the Actions scheduled in Workflow](https://gamfi.support/help/automatise-and-scale-processes?hsLang=en#run-the-process-release-the-actions-scheduled-in-workflow) - [Manage Processes](https://gamfi.support/help/automatise-and-scale-processes?hsLang=en#manage-processes) - [Use Roles - involve other actors in the Process](https://gamfi.support/help/automatise-and-scale-processes?hsLang=en#use-roles-involve-other-actors-in-the-process) - [Education, Engagement and Communication](https://gamfi.support/help/education-engagement-and-communication?hsLang=en) - [Reports](https://gamfi.support/help/reports?hsLang=en#main-content) - [Reports in Admin Panel](https://gamfi.support/help/reports?hsLang=en#reports-in-admin-panel) - [Reports in User Portal](https://gamfi.support/help/reports?hsLang=en#reports-in-user-portal) - [Gamfi API Docs](https://gamfi.support/help/gamfi-api-docs?hsLang=en#main-content) - [People management](https://gamfi.support/help/gamfi-api-docs?hsLang=en#people-management) - [Process and workflow management](https://gamfi.support/help/gamfi-api-docs?hsLang=en#process-and-workflow-management) - [Downloading reports](https://gamfi.support/help/gamfi-api-docs?hsLang=en#downloading-reports) - [Knowledge base](https://gamfi.support/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")](http://gamfi.com) Copyright © 2025, Gamfi