Раньше существовало два варианта вёрстки одного и того же экрана: этот (сетка плиток 2×2) и более ранний набросок-список (ook-903-bonus-hub-mobile-tobe.html). По прямому запросу вариант-список удалён — этот файл теперь единственная версия хаба «Заработать бонусы», на него ведут все ссылки, которые раньше указывали на удалённый вариант (обратные стрелки на экранах голосования и «Клада», ссылка «Другие способы заработать» и т.д.).
2026-09-11 — хаб переделан под 6 механик по прямому уточнению пользователя, цвета — из реальной дизайн-системы, не придуманы на глаз. Раньше было 5 позиций (вопрос дня, «Угадай слово», push-подписка, избранное, пассивный клик по push) с цветами, изобретёнными на глаз, — не хватало «Авторизации» вообще, а сами HEX ничему не соответствовали. Теперь ровно 6 механик по брифу, каждая — своя строка бизнес-условия:
--color-primary (ДС «Accent», Sky), ведёт на общий список опросов.--color-mint (System/Mint, новый токен, см. ниже); реального экрана игры в проекте нет, ссылка декоративная.--color-flamingo (Secondary/Flamingo, новый токен).--color-violet (Secondary/Violet, новый токен).Цвета — три новых токена библиотеки компонентов, добавлены именно под эту задачу. --color-mint/--color-flamingo/--color-violet (+ -deep для градиента) сняты пиксельно из той же дизайн-системы компании, что и остальные цвета проекта (см. историю обновления библиотеки компонентов) — в первом заходе интеграции ДС они были сознательно отложены («нет ролей в UI, которые могли бы их использовать»); эта задача и стала той ролью. У них нет закреплённой семантики (в отличие от Success/Danger/Attention) — использованы просто для визуального различения карточек одного уровня важности. Состояние «уже выполнено» (Авторизация) — везде системный --color-success, это его прямая семантика, а не декоративный выбор.
Открытый вопрос: куда именно ведёт каждая плитка (реальный экран игры «Угадай слово», страница подписки на push) — за пределами этого наброска, ссылки декоративные (href="#"), кроме «Вопрос дня» (ведёт на настоящий общий список опросов).
2026-09-11 — карусель «Вопрос дня» под сеткой плиток убрана, верхний блок переделан в притягательный hero. Карусель (Голосование → Клад → Опрос, переиспользованный виджет с главной) была добавлена раньше «продать» механику «Вопрос дня» отдельно от компактной плитки в сетке — по прямому запросу убрана целиком (HTML, CSS и JS точек-индикаторов), плитка «Вопрос дня» в сетке 2×2 остаётся единственной точкой входа в эту механику на этом экране.
Верхний блок баланса тоже переделан — по прямому запросу («сделай красивую притягательную картинку, с балансом и призывом получить ещё бонусы... баланс слишком крупно, здесь главное — призыв заработать бонусы»). Раньше акцент был на самой цифре баланса (32px, самый крупный элемент карточки) с мелким служебным текстом «Списать бонусы можно при оформлении заказа» — сама возможность заработать не была видна в этом блоке вообще. Теперь порядок значимости перевёрнут: баланс — компактный полупрозрачный бейдж сверху («💰 Баланс: 3 150 Б»), а самое крупное и заметное — призывный заголовок «Зарабатывайте ещё больше бонусов каждый день!». Фон — настоящий фирменный градиент дизайн-системы --gradient-sky-1 (не придуман на глаз), декоративные полупрозрачные эмодзи 🎁/✨ по углам — для «красивой картинки», не несут информации.