> For the complete documentation index, see [llms.txt](https://help.pluscards.ru/plus/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.pluscards.ru/plus/administrirovanie/dizain-apple-wallet.md).

# Дизайн Apple Wallet

### Подготовка

Для редактирования Wallet карты подготовьте 3 изображения и 3 цвета бренда:

* Lockscreen Icon – icon.png, минимальный размер 114 на 114 пикселей;
* Logo Image – logo.png, 480 на 150 пикселей или 150 на 150 пикселей;
* Strip Image – strip.png, рекомендуемый размер 1125 на 432 пикселей;
* Цвет бэкграунда;
* Цвет текста;
* Цвет лейблов.

### Настройка дизайна карты

Перейдите на сайт <https://app.passkit.com/> в раздел «**Apple Wallet**».

<figure><img src="/files/mThUSeaA6mioDZe3tnI3" alt=""><figcaption></figcaption></figure>

С помощью трех кнопок редактирования карты настройте внешний вид и содержимое карты. В конструкторе есть возможность настройки дизайна (цвета, картинки, поля) под каждый сегмент клиента.

<figure><img src="/files/mFZQAmLx8YqaAUcg67RM" alt=""><figcaption></figcaption></figure>

#### Что можно настроить в конструкторе

1\. Дополнительные или кастомные поля. В полях будут выводится вся необходимая информация, которую будет видеть клиент. Например, кроме стандартных полей, можно добавить поле «**Gender**».&#x20;

<figure><img src="/files/xs2Us5kOfRybOvzsr59x" alt=""><figcaption></figcaption></figure>

2\. Внешний вид карты

Здесь добавьте свои заранее подготовленные изображения и цвета бренда.

Изображение экрана блокировки Lockscreen Icon – icon.png

<figure><img src="/files/pTQe299gBHaLfrRiYkiX" alt=""><figcaption></figcaption></figure>

Изображение экрана блокировки Logo Image – logo.png. Может быть квадратное или прямоугольное.

<figure><img src="/files/bssqgfTdIMoIkZqH6vPn" alt=""><figcaption></figcaption></figure>

Изображение экрана блокировки Strip Image – strip.png

<figure><img src="/files/eTPwcURDFQSiebizRvgO" alt=""><figcaption></figcaption></figure>

Цвета бэкграунда, лейбла и текста

<figure><img src="/files/8zOgVBz89EuYy2gbp7D7" alt=""><figcaption></figcaption></figure>

3\. Штрихкод

Выберите тип штрихкода, который будет отображаться на карте.

<figure><img src="/files/rIR16ZE0tCMVm2jg9kXc" alt=""><figcaption></figcaption></figure>

### Отправка менеджеру Pluscards

Сформированный дизайн карты нужно отправить менеджеру **Pluscards** в архиве .zip.

Содержимое архива .zip:

* 3 изображения и 3 цвета в формате «#FFFFFF» из раздела «[Подготовка](#podgotovka)»;
* Скриншоты с текстовым содержимым каждого поля, которое есть на карте. Например, если на карте 3 поля (имя, уровень, бонусы), то нужно 3 скриншота в таком формате.

  <figure><img src="/files/XNxbhKsz440zgzimCRgS" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/JFtSNgYjw7zIgXskafcM" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/ywW0ArM9dSM3IvYRsGRH" alt=""><figcaption></figcaption></figure>