ALVADI admin / returns
Returns Admin UI Kit
Визуальная инвентаризация интерфейса админки возвратов: компоненты списка заявок, внутренней страницы заявки, черновика и рабочих состояний для принятия решений.
Foundations
Базовые токены, типографика, цвета и геометрия интерфейса.
Типографика
24 / 30 / 700Returns Admin UI Kit20 / 24 / 700Товары к возврату16 / 20 / 700Претензия клиента14 / 18 / 400Основной рабочий текст, значения таблиц и подписи.Сетка и радиусы
Цвета
#1A1A1A#333333#737373#006DBC#0E75D0#D70A0A#D6E6F5#F1F3F5Icons
Пиктограммы, уже используемые в админке возвратов.
Shell
Админская рамка: верхняя панель, сайдбар, переключатель демо и шрифтов.
Header
40 px высота, чёрная шапка, демо-переключатель не должен увеличивать высоту.Sidebar
Filters
Панель фильтрации списка товаров к возврату.
Actions
Кнопки и ссылки по уровню важности.
Statuses
Бейджи заявок, товаров, предупреждений и служебных маркеров.
Товар
Заявка и контроль
Предупреждение решения
Клиенту не сообщили о решении! Клиент дополнил данные 12.03.26 15:12Tables
Основные рабочие таблицы: список, карточка заявки, товар и лог.
Список заявок
| Заказ | Заявка | Подана | Товар | Статус товара | AL-код | Item | Цена, EUR | |
|---|---|---|---|---|---|---|---|---|
| 6167436 | 267582RR6167436 | 08.03.26 10:12 | Капот | Необработан | AL85739201 | 510203 | 293.55 |
Инфо-таблица заявки
| Номер заявки | 267582RR6137065 |
|---|---|
| Заказ | 3096901 |
| Клиент | Sakura Kobayashi |
| Заметка админа к заявке | Нет |
Товары в заявке
| ПричинаСтатус | ТоварAL-код, Item, поставщик | |
|---|---|---|
| Дефект после установкиОтклонён | Резиновые полоски...AL47590218 U6093174 Motog... |
Forms
Карточки претензии, решения админа, загрузки файлов и переводов.
Претензия клиента
| Указанная причина | Возврат в течение 14 дней |
|---|---|
| Комментарий клиента | Product did not fit. |
| Перевод комментария клиента | |
| Фотографии клиента | ![]() ![]() |
| Документы клиента |
Решение админа
| Решение | |
|---|---|
| Фото товара | |
| Документы | |
| Комментарий админа | Опишите решение по товару |
Feedback
Модалки, подсказки, заметки и подтверждения опасных действий.
Confirm dialog
Удалить заявку?
Если Вы удалите заявку, мы прекратим её обработку. Чтобы вернуть ту же запчасть, потребуется заново пройти весь процесс оформления возврата.
Decision help dialog
Возврат в течение 14 дней
Товар ещё не получен?
- Выбери “Заявка заполнена корректно. Ждём товар.”
Товар уже получен?
- Проверь состояние товара:
- Товар не использовался и не устанавливался.
- Сохранён товарный вид, комплектация.
- Упаковка оригинальная, чистая, без повреждений и следов эксплуатации. Если упаковка промокшая или грязная, то возврат могут не принять или снимут комиссию.
Товар в порядке?
- Выбери “Возврат одобрен”.
- Если размер компенсации меньше 100%, то в комментарии объясни для клиента почему так.
Товар имеет не соответствует условиям?
- Выбери “Возврат отклонён”. В комментарии опиши проблему, чтобы клиент понял почему принято решение отказать.
Demo note popover
Plain text заметка для конкретного состояния демо.
UX patterns
Правила применения, которые стоит перенести в DesignMD.
Do
- Показывать таблицы плотными, с 14 px текстом и горизонтальным скроллом при нехватке ширины.
- Держать статусы товара одинаковыми на списке заявок и внутри заявки.
- Сохранять вложенные действия рядом с контекстом: заметка под textarea, подача заявки под таблицей товаров.
- Использовать Remix Icon как mask-icon через CSS variables.
Don't
- Не делать мобильную адаптацию таблиц ценой скрытия колонок: админка рассчитана на рабочие мониторы.
- Не превращать вторичные действия в большие CTA.
- Не вкладывать карточки в карточки, если это не таблица или модалка.
- Не использовать декоративные изображения там, где нужна плотная рабочая информация.

