Зима
65% ПЭ, 35% ХБ
Розничная цена7 973 ₽
Оптовая цена6 097 ₽
Уверенность
в каждой детали.
Система интерфейса профессионального магазина: ясная иерархия, сдержанный цвет, реальная фотография и предсказуемые действия.
01
Цвет и поверхности
Акцент
#8B6429--color-brandОсновной текст
#222321--color-inkВторичный текст
#62666D--color-mutedФон
#F5F3EE--color-surfaceГраница
#E9E7E2--color-borderУспех
#28724F--color-success02
Типографика
Manrope · 800 · 48 / 52
Одежда для дела.
Manrope · 750 · 32 / 40
Для каждой профессии
Manrope · 650 · 18 / 26
Продумана до последнего шва
Manrope · 400 · 14 / 22
Выбирайте одежду по условиям работы, составу ткани и сезону. Характеристики помогают сравнить модели и найти подходящую.
Manrope · 500 · 12 / 18
Артикул, размерный ряд, вторичная информация.
03
Действия и состояния
Основные кнопки — 44–48 px. Видимый focus-ring, отдельные hover, pressed и disabled. Анимации отключаются через prefers-reduced-motion.
Зимняя коллекцияДобавлено в корзинуНаличие уточняется
04
Товарная карточка
Сначала товар, затем детали.
Фотография без графического декора. Читаемое название, материал и две явно подписанные цены. Добавление в корзину — одна полноразмерная кнопка.
Название занимает три строки; изображения помещаются целиком и не обрезают изделие. Избранное сохраняет понятное состояние. В мобильной версии остаются две карточки в ряду.
Данные примера поступают из того же API, что и магазин.
05
Иконки по референсу
Предметные контуры на сетке 32 × 32. Единая толщина линии и отдельные рисунки для разных видов одежды.
06
Сетка и изображение
123456789101112
Боковое меню 256 px. Контент до 1440 px. Базовый шаг отступов 4 px: 8 / 12 / 16 / 24 / 32 / 48 / 64. Радиус 6 px. Высота полей и кнопок 48 px.
Фотографии баннеров используются только в промоблоках. Товарные фотографии и характеристики остаются реальными данными поставщика.
