> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.loyallyst.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Як змінити дизайн особистого кабінету та карти

# Інструкція: як змінити дизайн особистого кабінету та карти (гаманця)

### Налаштування дизайну гаманця: 

1. Перейдіть у вкладку **«Налаштування» → «Дизайн гаманця»**.
2. У цьому розділі ви можете налаштувати зовнішній вигляд карти:
![](https://storage.crisp.chat/users/helpdesk/website/-/5/8/b/0/58b013360bb95400/znimok-ekrana-2026-02-12-o-104_p7bmzy.png)
* **Фон гаманця** (необов’язково
* **Текст гаманця** (необов’язково)
* **Банер гаманця** *(розмір: 1125 × 432 px) ***(Розмір логотипу до 2 МБ) **
* **Логотип гаманця** *(розмір: 546 × 159 px) ***(Розмір логотипу до 2 МБ) **

3. Після внесення всіх змін натисніть кнопку **«Зберегти»** — оновлення застосуються одразу.

> Також перед тим, як зберегти зміни, ви можете переглянути, як буде виглядати картка в Apple Wallet та Google Wallet у симуляторі

![](https://storage.crisp.chat/users/helpdesk/website/-/5/8/b/0/58b013360bb95400/img4401-1_t5qot.png)
> Нижче ви можете ознайомитися з точними розмірами логотипів, які можна додати.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/8/b/0/58b013360bb95400/loyallyst-wallet-card-image-gu_1b86cs1.png)
---

### Зміна дизайну застосунку: 

У цій вкладці ви можете налаштувати:

![](https://storage.crisp.chat/users/helpdesk/website/-/5/8/b/0/58b013360bb95400/znimok-ekrana-2026-02-12-o-110_1n7yfh5.png)

1. **Акцентний колір** — колір активних елементів (кнопок, посилань тощо).
2. **Базовий колір** — колір, що формує основну палітру фону, тексту та інших елементів інтерфейсу.
3. **Логотип** — зображення, яке відображається як логотип у вебзастосунку. (**Розмір логотипу до 2 МБ)** 
4. Також перед тим, як зберегти зміни, ви можете переглянути, як буде виглядати застосунок 
5. Після внесення всіх змін натисніть кнопку **«Зберегти»** — оновлення застосуються одразу.