Оформление клуба в приложении

Что понадобится

• Право управлять организацией (владелец или администратор).
• Консоль администрирования по адресу /admin, страница «Основные данные» – там находятся разделы «Логотип» и «Оформление в приложении».
• Для логотипа и баннера – по одному изображению JPG или PNG размером не более 2 МБ.

Настроить логотип, сокращение и акцентный цвет

1. Откройте /admin и выберите «Основные данные».
2. Загрузите логотип клуба в разделе «Логотип». Он автоматически поворачивается и уменьшается; прозрачность сохраняется.
3. В разделе «Оформление в приложении» в поле сокращения уже стоит предложение из названия клуба, например «TSVM» для «TSV Musterstadt 1890 e. V.». Возьмите его или введите своё сокращение длиной от 2 до 6 символов.
4. Выберите акцентный цвет в палитре или введите значение, например #1E5AA8. Пустое поле означает: остаётся наш жёлтый.
5. Отметьте «Показывать логотип в приложении» и нажмите «Сохранить оформление».

Где что появляется

• Логотип (только с отметкой «Показывать логотип в приложении»): вверху страницы покупок в приложении и веб-приложении, на киоске, на странице QR-заказа и на карте участника в Apple и Google Wallet.
• Акцентный цвет: вместо нашего жёлтого в шапках, на кнопках и плашках приложения и веб-приложения, на киоске, на странице QR-заказа и как цвет карты Wallet.
• Сокращение: в переключателе списков («TSVM · Клубный дом»), в теме ежемесячной выписки и в письмах о расчётах.
• Баннер: вверху стартовой страницы приложения и веб-приложения, а также на киоске, пока никто не вошёл.
• Чеки, PDF и ТВ-экран сохраняют свои переключатели логотипа в разделе «Логотип».

Акцентный цвет и контраст

Цвет текста на акцентном цвете приложение выбирает само: тёмный или белый – что читается лучше. Контраст должен быть не ниже 4,5 : 1. На средних тонах, например сером, этого не достигает ни один из вариантов, поэтому консоль отклоняет такой цвет.

Кроме того, цвет должен выделяться на белом фоне и на фоне тёмного режима. Поэтому почти белые и почти чёрные цвета тоже отклоняются. Предпросмотр показывает цвет на светлом и тёмном фоне рядом ещё до сохранения.

Баннер для каждого списка

1. Подготовьте изображение в формате 3:1, например 1500 × 500 пикселей, JPG или PNG не более 2 МБ.
2. В разделе «Баннер для каждого списка» нажмите «Загрузить баннер» рядом с нужным списком. У каждого списка может быть свой баннер.
3. Если у изображения другой формат, оно обрезается по центру до 3:1. Проверьте предпросмотр.
4. Кнопкой «Заменить баннер» его можно заменить, кнопкой «Удалить баннер» – убрать.