Брендирование

Брендирование позволяет привести готовую витрину к стилю вашего продукта без изменения её кода. Откройте площадку и выберите раздел «Тема сайта»: настройки на этой странице определяют структуру и визуальную систему сайта. Логотип площадки и фавикон настраиваются отдельно в настройках площадки.

Выбрать шаблон

Выберите один из доступных шаблонов сайта:

• «Приложение» использует структуру витрины в стиле приложения.
• «Премиальный» использует премиальный шаблон витрины.

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

Настроить цвета и плитки

В теме отдельно задаются основной цвет, общий акцент, акцент контента, фон контента и фон бокового меню. Акцентные цвета используются для ссылок, кнопок и выделенных элементов. В поле «Радиус плиток превью игр» указывается закругление карточек игр в пикселях.

Проверьте, что текст, элементы управления и их неактивные состояния хорошо читаются на фоне контента и сайдбара.

Настроить сайдбар, шапку и футер

В блоке «Боковое меню» выберите меню-оверлей или выдвижное меню и укажите, должны ли иконки принимать цвет текста.

В блоке «Шапка» можно:

• растянуть шапку на всю ширину сайта;
• включить или отключить закругление углов;
• указать высоту логотипа в пикселях;
• загрузить собственную иконку бургер-меню в формате SVG.

Включите «Показывать кастомный футер», если витрина должна отображать настроенный футер площадки. Ссылки футера редактируются в разделе «Меню», а его текст — в настройках площадки.

Добавить шрифты и настроить типографику

В блок «Шрифты» можно загружать файлы WOFF2. Для каждого файла укажите семейство и содержащуюся в нём жирность. Добавьте отдельный источник для каждой жирности, которую планируете использовать.

В блоке «Типография» настройте семейство, размер, высоту строки, жирность и межбуквенный интервал для пяти уровней заголовков и двух вариантов основного текста. Загруженный шрифт появляется в этом блоке после добавления в список «Шрифты».

Сохранить и проверить результат

Нажмите «Сохранить изменения», затем откройте витрину из шапки площадки. Проверьте десктопную и мобильную ширину, длинные локализованные заголовки, сайдбар и футер. Тема применяется ко всей витрине, поэтому одной проверки главной страницы недостаточно.