Полезные ссылки для дизайнеров инфографики для маркетплейсов

Требования маркетплейсов к карточкам и изображениям

Требования к изображениям на маркетплейсах — это не «формальность», а набор правил, которые напрямую влияют на:

Модерацию (пройдёт ли карточка без правок/банов).

Конверсию (понятно ли покупателю, что за товар, и почему он лучше).

Показы в поиске (некоторые площадки понижают карточки с нарушениями качества контента).

Ниже — универсальная структура требований и практический способ держать их под контролем.

---

Где искать требования (без привязки к площадке)

Обычно нужные документы лежат в трёх местах внутри личного кабинета продавца или справочного центра:

Требования к карточке/контенту (форматы, размеры, фон, что можно/нельзя на фото).

Правила модерации и запрещённый контент (логотипы, обещания, «лечит», «лучший», сравнения, контактные данные и т. п.).

Требования к рекламе (если инфографика используется в продвижении — там часто строже).

Полезная привычка: сохраняйте дату версии требований и делайте заметку, к какой категории товара они применимы — у некоторых площадок правила отличаются по категориям.

---

Базовые технические параметры: что проверяют всегда

1) Формат и цвет

Чаще всего допустимы распространённые форматы изображений (обычно растровые). Проверяйте:

Поддерживаемые форматы (что принимается без конвертации).

Цветовой профиль (для веб чаще нужен стандартный экранный профиль).

Прозрачность (иногда разрешена только на доп. изображениях или не поддерживается вовсе).

Практика: экспортируйте в одном «безопасном» формате и профиле по умолчанию и меняйте только при необходимости.

2) Размеры, пропорции, вес файла

Маркетплейсы обычно задают:

Минимальные размеры (чтобы изображение не выглядело «мыльным» при увеличении).

Рекомендуемые размеры (оптимальны для зума и превью).

Ограничение по весу файла (чтобы карточка быстро грузилась).

Соотношение сторон (часто — квадрат для главного, и дополнительные форматы для галереи).

Важно: даже если платформа автоматически подгоняет картинку под нужную рамку, она может обрезать края. Поэтому всегда закладывайте безопасные поля.

3) Резкость и читаемость

Модерация и покупатели одинаково не любят:

Смазанные/перешарпленные фото.

Сильный шум и артефакты сжатия.

Слишком мелкий текст.

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

---

Контентные ограничения: что чаще всего запрещают

Набор запретов немного отличается, но есть типовые «красные флаги»:

Контакты и увод с площадки: телефоны, мессенджеры, адреса, QR-коды, ссылки.

Обещания, которые нельзя подтвердить: «№1», «лучший», «гарантированный эффект», медицинские заявления (особенно для БАД, косметики, товаров для здоровья).

Чужие бренды и логотипы без прав: на плашках, в сравнительных таблицах, на «как у…».

Вводящая в заблуждение визуализация: показ комплектации/подарков, которых нет; несоответствие цвета/материала.

Шок-контент, 18+ и спорные темы — часто регулируется отдельно.

Совет: если хотите усилить УТП, делайте акцент на проверяемых фактах (материал, размер, комплектация, сценарии использования), а не на превосходных степенях.

---

Главная картинка vs дополнительные: типовая логика требований

Главная (обложка)

Обычно к ней самые строгие ожидания:

Товар показан ясно и крупно.

Фон — нейтральный/чистый (часто требуется однотонный).

Минимум отвлекающих элементов.

Текст и графика — если разрешены, то в умеренном количестве и без нарушений правил.

Дополнительные

Здесь обычно допустимо больше инфографики:

Схемы размеров и комплектации.

Поясняющие плашки, иконки, преимущества.

Фото в использовании (lifestyle) — если не искажает ожидания.

Ключевая цель галереи — снять возражения: «подойдёт ли мне», «что внутри», «какой размер», «как использовать».

---

«Безопасные зоны» и риск обрезки

Маркетплейсы показывают одно и то же изображение в разных местах: поиск, рекомендации, карточка, промо-блоки. Там разные рамки и отступы.

Визуально это можно представить так:

Практика: держите название модели, объём/размер и главный тезис внутри внутренней «безопасной зоны», а декоративные элементы — ближе к краям.

---

Сборка требований в рабочий чек-лист (то, что экономит часы)

Сделайте один документ/таблицу на каждую площадку и тип карточек:

| Блок | Что фиксируем | Зачем | |---|---|---| | Техника | форматы, мин/рек размеры, вес, цветовой профиль | чтобы экспорт всегда проходил модерацию | | Главная | фон, допустимость текста, доля товара в кадре | чтобы не словить отклонение обложки | | Доп. | сколько изображений, допустимость схем/иконок | чтобы правильно планировать сторителлинг | | Запреты | контакты, обещания, бренды, «до/после», медицина | чтобы не получить блокировки/правки | | Обрезка | безопасные поля, тестовые рамки | чтобы не резало важное |

---

Задания для закрепления

1) Составьте мини-чек-лист из 8 пунктов для проверки главной картинки перед загрузкой.

2) Придумайте структуру из 6 дополнительных изображений для товара (любого на выбор), чтобы закрыть возражения покупателя.

3) Найдите 5 потенциальных нарушений в этом описании (как если бы оно было на изображении):

4) Опишите, как вы протестируете читаемость текста на мобильном, не имея доступа к реальному телефону заказчика.

5) Напишите правило «безопасной зоны» своими словами: что туда должно попадать и что можно вынести на края.

<details> <summary> Ответы </summary>

1) Пример чек-листа главной картинки (8 пунктов):

Изображение в разрешённом формате.

Размеры не ниже минимальных, пропорции соответствуют требованиям.

Вес файла укладывается в лимит.

Товар занимает достаточную часть кадра и хорошо читается.

Фон соответствует правилам (нейтральный/однотонный, без «мусора»).

Нет контактов, QR, ссылок, призывов «пишите/звоните».

Нет неподтверждаемых обещаний («лучший», «100% эффект», «лечит»).

Ключевой текст/маркировки в безопасной зоне, ничего важного не прижато к краям.

2) Пример структуры 6 дополнительных изображений:

«Что это и для кого» — 1–2 ключевые выгоды.

Комплектация — что входит.

Размеры/схема — габариты, посадка, объём.

Материалы и особенности — состав, фактура, детали.

Сценарии использования — фото в применении.

Уход/инструкция/FAQ — как использовать, что важно знать.

3) Потенциальные нарушения (5 штук):

«Лучший на рынке» — непроверяемое лидерство.

«Скидка только сегодня» — может считаться манипулятивным/некорректным обещанием (зависит от правил площадки).

«Пиши в WhatsApp» + телефон — контактные данные и увод с платформы.

«100% лечит боль в спине» — медицинское заявление.

«Как у BrandX» — упоминание чужого бренда и сравнение.

4) Тест читаемости без телефона:

Откройте макет в масштабе, близком к реальному превью (уменьшите до небольшой ширины, как в выдаче).

Сделайте скриншот и откройте его в любом просмотрщике, быстро пролистывая — если текст «цепляется» за 1–2 секунды, он ок.

Проверьте контраст: текст должен читаться и на светлых, и на тёмных участках.

5) Правило безопасной зоны:

Внутри центральной области должны быть товар и вся критичная информация (основной тезис, размер/объём, важная маркировка). Всё второстепенное (декор, фоновые элементы, мелкие подписи) можно располагать ближе к краям, потому что в разных блоках маркетплейс может обрезать изображение.

</details>

Референсы и анализ конкурентов: где искать вдохновение

Референсы для инфографики маркетплейсов — это не «красивые картинки», а быстрый способ понять, что уже работает в категории, какие визуальные решения привычны покупателю и где можно выделиться без риска.

Важно: вдохновляться нужно так, чтобы не копировать. Цель — собрать паттерны (композиция, подача преимуществ, логика галереи), а не повторить чужой дизайн. А соответствие правилам площадки проверяйте по вашему чек-листу требований (см. статью про требования маркетплейсов к изображениям).

---

Где брать референсы (практичные источники)

1) Выдача маркетплейса по ключевым запросам

Самый полезный источник, потому что вы видите:

какие обложки реально получают показы;

как конкуренты решают «первый экран»;

какие форматы текста/иконок привычны покупателю.

Как искать:

Возьмите 3–5 ключевых запросов (основной, синонимы, «для кого», «по материалу/размеру»).

Соберите 20–30 карточек из топа выдачи и рекламы.

Отдельно отметьте лидеров с большим числом отзывов (как правило, это стабильные решения).

2) Галерея изображений внутри карточек конкурентов

Здесь видно реальную структуру сторителлинга:

какие возражения закрывают;

в какой последовательности дают факты;

сколько «схем» и сколько lifestyle.

Подсказка: сохраняйте не только отдельные кадры, но и порядок (1→2→3…), потому что он часто важнее отдельных плашек.

3) Отзывы покупателей и UGC

Отзывы — клад для дизайнера: люди прямо пишут, чего не хватило.

Ищите:

фото «как в жизни» (цвет, размер, текстура);

повторяющиеся вопросы («подойдёт ли на…», «какая комплектация», «как крепится»);

жалобы на несоответствие ожиданий — это темы для инфографики.

4) Витрина бренда и упаковка (если есть)

Если у конкурентов сильный брендинг, изучайте:

стиль упаковки (цвета, шрифтовой характер);

тональность сообщений (строго/дружелюбно/премиально);

наличие маркировок, пиктограмм, значков.

Даже если вы не делаете «как на коробке», можно взять ощущение (аккуратность, технологичность, экологичность).

5) Внешние референсы дизайна (для визуального языка)

Когда нужно прокачать именно дизайн-часть (типографика, композиция, иконки), смотрите:

Pinterest (по запросам вида “marketplace infographic”, “product listing design”);

Behance / Dribbble (упаковка, презентации продукта);

Figma Community (шаблоны карточек, сетки, UI-компоненты);

Canva templates (идея композиции и быстрые схемы).

Правило: внешний референс полезен только если вы переводите его в задачу маркетплейса (мобильная читаемость, факты, конкретика).

---

Как собирать референсы, чтобы они ускоряли работу

«Папка-склейка» (swipe file) по категориям

Заведите структуру не по «красиво/некрасиво», а по задачам:

Обложки: товар + 1 тезис

Преимущества: 3–5 пунктов

Размеры/схема

Комплектация

Инструкция/уход

Сравнение/таблица (если допустимо правилами)

Lifestyle/сценарии

У каждого сохранённого примера добавляйте 2 подписи:

Почему работает (контраст, крупный тезис, понятные пиктограммы).

Где применить (какой кадр галереи, какая категория товара).

Быстрый «разбор кадра» за 60 секунд

Смотрите на 5 вещей:

Иерархия: что читается первым, вторым, третьим.

Фактология: какие конкретные числа/характеристики показаны.

Композиция: где товар, где текст, есть ли воздух.

Стиль графики: иконки, плашки, линии, фото-обработка.

Доверие: есть ли признаки честности (реальные фото, понятная комплектация, без «магии»).

---

Мини-анализ конкурентов: простая схема без «маркетинговой боли»

Шаг 1. Соберите пул

10 лидеров выдачи (с отзывами/продажами).

5–10 «новичков» (часто пробуют свежие решения).

3–5 брендов «премиум» (дают хороший ориентир по аккуратности).

Шаг 2. Оцените по одинаковым критериям

Используйте таблицу (оценка 1–5) — так вы увидите закономерности.

| Карточка | Обложка читабельна на превью | Понятна комплектация | Есть размеры/схема | Выгоды конкретные | Фото выглядит честно | Итог (что взять) | |---|---:|---:|---:|---:|---:|---| | Конкурент A | | | | | | | | Конкурент B | | | | | | |

Шаг 3. Найдите «окна возможностей»

Ищите не «самое красивое», а:

что все делают одинаково (можно не изобретать);

чего никто не объясняет (ваш шанс выделиться);

где у людей путаница (по отзывам и вопросам).

Подсказка для формулировки: «В категории принято X, но покупатели жалуются на Y — значит, делаем кадр про Y и выносим это в ранние изображения».

---

Антиплагиат по-дизайнерски: как вдохновляться безопасно

Не повторяйте уникальные иллюстрации, персонажей, фирменные паттерны.

Берите принцип, а не форму: сетка, порядок блоков, контраст, типографика.

Смешивайте 3–5 источников в один концепт.

Проверяйте, чтобы текст и обещания были корректны по правилам площадки.

Визуально «перевод» референса в своё решение выглядит так:

---

Задания для закрепления

1) Выберите одну категорию товара и составьте список из 5 поисковых запросов, по которым вы будете собирать референсы.

2) Соберите 12 референсов и разложите их по папкам-задачам (обложка/размеры/комплектация/выгоды/сценарии/инструкция).

3) Заполните таблицу оценки для 6 конкурентов (из статьи) и сформулируйте 3 вывода: «что взять», «что избегать», «чем отличиться».

4) По отзывам конкурентов выпишите 5 повторяющихся вопросов покупателей и придумайте, на каких кадрах галереи вы закроете каждый вопрос.

5) Возьмите один сильный референс и опишите, как вы «переведёте» его в свой дизайн, не копируя (3 изменения: композиция, стиль графики, формулировки).

<details> <summary> Ответы </summary>

1) Пример запросов (категория: «термокружка»):

«термокружка 450 мл»

«термокружка с клапаном»

«термокружка в машину»

«термокружка нержавейка»

«термокружка не проливается»

2) Пример раскладки 12 референсов по папкам:

Обложка — 2 шт.

Выгоды — 3 шт.

Размеры/схема — 2 шт.

Комплектация — 2 шт.

Сценарии — 2 шт.

Инструкция/уход — 1 шт.

3) Пример выводов после таблицы:

Что взять: у лидеров почти всегда есть отдельный кадр «размеры + в руке» и понятная комплектация.

Что избегать: мелкий текст и перегруженные плашки — на превью теряются.

Чем отличиться: у конкурентов нет кадра «как работает клапан/как мыть» — сделать простую схему с 3 шагами.

4) Пример «вопрос → кадр»:

«Подойдёт ли в подстаканник?» → кадр 2: размеры + диаметр дна.

«Не течёт ли в сумке?» → кадр 3: схема клапана + тестовый сценарий (без сомнительных обещаний).

«Сколько держит тепло?» → кадр 4: честная формулировка с условиями (если есть подтверждение) или упор на конструкцию.

«Как мыть?» → кадр 5: инструкция/уход.

«Что в комплекте?» → кадр 6: комплектация + подписи.

5) Пример «перевода» референса без копирования:

Композиция: вместо «товар слева + текст справа» сделать «товар по центру + текст сверху/снизу».

Стиль графики: заменить круглые плашки на прямоугольные, поменять толщину линий и стиль иконок.

Формулировки: оставить смысл (1 тезис + 3 факта), но переписать словами бренда и добавить свои реальные характеристики.

</details>

Шрифты: подбор, лицензии и библиотеки

Шрифт в инфографике для маркетплейса решает две практические задачи: быстрое считывание на мобильном и узнаваемый, аккуратный «тон» бренда. Если требования площадки ограничивают перегруженность обложки и читаемость (см. статью про требования), то шрифт — один из главных рычагов, чтобы уложиться в эти правила и не потерять смысл.

1) Подбор шрифта под маркетплейс: критерии, которые реально важны

Читаемость на маленьком превью

Высота строчных (x-height): у «человечных» гротесков строчные выше — текст читается лучше.

Простые формы букв: меньше декоративности — меньше «шума».

Контраст штрихов: слишком тонкие элементы «растворяются» на сжатии.

Ширина: сверхузкие шрифты хуже на телефоне; слишком широкие съедают место.

Практичное правило: если у вас на изображении есть текст меньше «второго уровня» (мелкие подписи), выбирайте шрифт, который не превращает «е/с/а» в кашу при уменьшении.

Поддержка кириллицы и знаков

Проверьте до утверждения:

Кириллица (а не только латиница).

Знак ₽, №, кавычки «ёлочки», длинное тире —.

Цифры: одинаковой ли они ширины, хорошо ли читаются 1/7/0.

Набор начертаний (weights)

Для карточек удобно, когда в одной семье есть хотя бы:

Regular (обычный текст)

Semibold/Bold (акценты)

ExtraBold/Black (крупный заголовок/цифра)

Так вы делаете иерархию без микса 5 разных шрифтов.

Характер (тональность)

Технологично/современно: нейтральный гротеск.

«Домашнее»/натуральное: мягкий гротеск или аккуратный антиква-акцент.

Премиум: более строгие пропорции, аккуратные цифры, меньше «игрушечности».

Важно: на маркетплейсах декоративный шрифт часто допустим только как маленький акцент, иначе падает читаемость и растёт риск визуальной перегрузки.

2) Сочетания шрифтов: простые схемы без «типографической боли»

Схема «1 семейство = 3 роли» (самая надёжная)

Берёте один шрифт и распределяете начертания:

Заголовок: ExtraBold

Подзаголовок: Bold/Semibold

Подписи/факты: Regular

Плюс: единый стиль, меньше ошибок, проще масштабировать на всю линейку товаров.

Схема «2 семейства» (когда нужен характер)

Заголовки: шрифт с характером

Основной текст: нейтральный шрифт

Ограничение: не более 2 семей на карточку. Третья обычно превращает дизайн в «винегрет».

Типографическая иерархия (наглядно)

3) Лицензии: что дизайнеру важно понимать (и как не подставить клиента)

Лицензия отвечает на вопрос: что вам разрешено делать со шрифтом. Для маркетплейс-инфографики чаще всего важны два сценария:

Вы делаете изображения и отдаёте клиенту готовые JPG/PNG (шрифт не передаётся).

Вы передаёте исходники (PSD/AI/FIG) вместе со шрифтами или просите клиента редактировать.

Основные типы прав (коротко)

Desktop — установка шрифта на компьютер для создания макетов (как раз ваш случай).

Web — использование на сайте через встраивание.

App/Embedded — встраивание в приложение/устройство.

Server — использование на сервере для генерации изображений.

Для карточек маркетплейса обычно достаточно Desktop-лицензии, но риск появляется, когда:

шрифты раздают «бесплатно» без ясного разрешения на коммерческое использование;

клиент просит «скинь шрифт вместе с исходником»;

вы используете шрифт из подписки, а клиент не имеет права им пользоваться после передачи.

Мини-чек-лист «безопасной» работы

Храните у проекта папку Fonts_Proof: файл лицензии/условия, источник, дата.

Если отдаёте исходники: либо используйте шрифты с разрешением на передачу/встраивание, либо переведите текст в кривые (с оговорками: текст уже не редактировать), либо приложите список, что клиент должен установить самостоятельно.

Не берите шрифты с «варез»-сайтов: даже если «похоже на бесплатный», юридически это часто нарушение.

4) Библиотеки и сервисы шрифтов: где брать и как выбирать

Ниже — категории источников, которые дизайнеры используют чаще всего:

Бесплатные и относительно безопасные

Google Fonts — много кириллицы, удобно скачивать семьи и начертания.

Fontshare — бесплатные семьи, у многих есть коммерческое использование (всегда проверяйте условия конкретного шрифта).

The League of Moveable Type — подборка открытых шрифтов.

По подписке (удобно командам и агентствам)

Adobe Fonts — шрифты доступны пока активна подписка; внимательно с передачей клиенту.

Подбор и проверка «что за шрифт»

WhatTheFont (MyFonts) — распознавание по картинке.

Identifont — подбор по признакам (форма букв).

Профессиональная привычка: выбирайте шрифт не по «красоте в списке», а по тестовой фразе и цифрам, которые реально будут в карточке (объём, размер, проценты, артикул).

---

Задания для закрепления

1) Выберите категорию товара (например, косметика/инструменты/детские товары) и предложите 2 шрифтовые стратегии: «одно семейство» и «два семейства». Для каждой — опишите роли (заголовок/факты/подписи).

2) Составьте чек-лист из 7 пунктов для проверки шрифта перед тем, как утвердить его для серии карточек.

3) Ситуация: вы сделали дизайн, клиент просит исходники и шрифт. Напишите 3 безопасных варианта действий (что вы предложите и почему).

4) Возьмите любой шрифт из библиотеки (например, из Google Fonts) и перечислите, какие символы вы проверите в первую очередь для маркетплейса.

<details> <summary> Ответы </summary>

1) Пример (категория: «инструменты»):

Стратегия «одно семейство»:

1. Заголовок: Bold/ExtraBold (крупно: «Сталь CR-V», «12 предметов») 2. Факты: Semibold (3–5 буллетов) 3. Подписи: Regular (комплектация/примечания)

Стратегия «два семейства»:

1. Заголовок: более «характерный» гротеск (плотный, технологичный) 2. Основной текст: нейтральный гротеск (максимальная читаемость) 3. Цифры/размеры: либо тем же основным, либо тем же заголовочным, но строго последовательно.

2) Пример чек-листа (7 пунктов):

Есть кириллица.

Есть ₽, №, «ёлочки», тире —.

Читаемы цифры 1/7/0, проценты и дроби.

Есть минимум Regular + Bold (лучше ещё Semibold).

Текст не «сыпется» при уменьшении до размера превью.

Визуальный тон подходит категории (не «детский» для технического товара и т. п.).

Понятны условия лицензии для коммерческого использования.

3) Три безопасных варианта:

Клиент сам устанавливает шрифт: вы передаёте название и источник, а в исходнике используете этот шрифт (клиент покупает/скачивает легально).

Вы переводите текст в кривые перед передачей (клиент не сможет править текст, но лицензия на распространение файла шрифта не нарушается).

Вы заменяете шрифт на альтернативу с открытой/понятной лицензией (если клиенту критично редактирование и нет желания покупать лицензию).

4) Что проверить в символах:

Полный алфавит кириллицы (включая Ёё).

Цифры 0–9.

₽, %, °, ×, +, —.

« », “ ” (если используете разные кавычки).

№ и латиница (если есть артикулы/бренд).

</details>

Иконки, иллюстрации и паттерны: качественные источники

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

1) Что именно вам нужно: 3 типа графики и их роль

Иконки (pictograms)

Используются для быстрых буллетов: «без BPA», «3 режима», «гарантия», «подарочная упаковка». Сильные стороны:

Работают в маленьком размере.

Упрощают восприятие списка.

Держат единый стиль между товарами.

Иллюстрации (flat/3D/line)

Нужны, когда фото не объясняет деталь: схема слоёв, принцип работы, этапы ухода. Риск: иллюстрация легко «съедает» внимание и делает карточку менее правдоподобной, если выглядит слишком «мультяшно» для категории.

Паттерны и текстуры

Фоновые элементы для брендинга и аккуратного заполнения пустоты. Их задача — поддержать стиль, а не конкурировать с товаром и текстом.

2) Критерии «качественного источника» (перед тем как скачивать)

1) Понятная лицензия

Проверьте, что разрешено:

Коммерческое использование.

Использование в рекламных материалах/изображениях товара.

Модификация (часто нужно перекрасить, упростить, собрать набор).

Перепродажа как ассет (обычно запрещена — важно для шаблонов).

Практика: сохраняйте в проект папку Assets_License (скрин/текст условий + источник + дата).

2) Стабильность коллекции

Хороший источник даёт серии: чтобы вы могли взять не 1 значок, а 20–40 в одном стиле (одинаковая толщина линий, углы, пропорции).

3) Форматы и удобство экспорта

Для инфографики полезно, когда ассеты доступны:

В векторе (для масштабирования без потери качества).

В нескольких стилях (line/solid/duotone), но внутри одной системы.

3) Где брать: категории источников без привязки к одной площадке

А) Встроенные библиотеки и плагины в редакторах (быстрее всего)

Подойдут, если вы работаете в Figma/Illustrator/Canva и хотите быстро набросать структуру. Проверяйте лицензию конкретного набора и условия использования в коммерческих проектах.

Когда выбирать: прототип, быстрый тест гипотезы, черновик галереи.

Б) Кураторские библиотеки иконок (лучше по стилю)

Это коллекции, где автор заранее выдержал:

Сетку (например, 24/32/48 px логика).

Толщину штриха.

Оптические компенсации (чтобы значки выглядели одинаково «весомо»).

Когда выбирать: серийные карточки, брендовая линейка, долгий проект.

В) Стоки иллюстраций и пакеты сцен

Плюс: много готовых сюжетов (доставка, забота, дом, спорт, дети). Минус: риск «как у всех». Чтобы избежать шаблонности:

Меняйте палитру под бренд.

Упрощайте детали (меньше визуального шума).

Собирайте коллаж из нескольких источников, а не одной сцены.

Г) Паттерны и текстуры

Ищите наборы, где есть:

Бесшовность (tile/seamless).

Контроль контраста (паттерн не должен мешать тексту).

Несколько плотностей (sparse/medium/dense).

Практика: для маркетплейсов чаще выигрывают очень мягкие паттерны (5–15% контраста) или крупные геометрические формы, которые не «рябят» на мобильном.

4) Как держать единый стиль: мини-гайд для ассетов

Соберите «паспорт стиля» для иконок/иллюстраций и следуйте ему во всех карточках бренда.

5) Частые ошибки, из-за которых инфографика выглядит «дешево»

Микс стилей: разные толщины линий и разные углы/скругления.

Слишком детальные пиктограммы: на превью превращаются в «пыль».

Паттерн с высокой контрастностью: текст теряется.

Иллюстрации, которые обещают то, чего нет (например, показывают комплектацию шире реальной) — это уже риск модерации.

Скачивание “бесплатных” ассетов без условий — риск для клиента.

6) Быстрая система хранения, которая реально экономит время

Сделайте библиотеку ассетов по задачам (а не по “красиво/некрасиво”):

Выгоды (прочность/мягкость/безопасность/экономия времени)

Комплектация (что внутри)

Размеры/измерения (линейки, стрелки, схемы)

Сценарии использования (кухня/спорт/авто/дети)

Сервисные (доставка, гарантия, подарок)

Для каждого набора храните: название, стиль (line/solid), источник, условия лицензии, и 5–10 самых нужных иконок.

---

Задания для закрепления

1) Выберите категорию товара и составьте список из 12 иконок, которые понадобятся в типовой галерее (выгоды/комплектация/размеры/сервис).

2) Составьте «паспорт графики» (8–10 пунктов) для бренда: стиль иконок, палитра, правила фона/паттернов.

3) Проведите аудит: у вас есть 3 набора иконок из разных источников. Опишите 5 признаков, по которым вы решите, можно ли их смешивать в одной карточке.

4) Придумайте правило, как вы будете проверять читаемость иконок и паттерна на мобильном превью (без реального телефона).

<details> <summary> Ответы </summary>

1) Пример (категория: «термокружка»), 12 иконок:

Объём (мл)

Нержавеющая сталь

Двойные стенки

Не проливается (клапан)

Для авто-подстаканника

Держит температуру (без конкретных часов, если не подтверждено)

Можно мыть (если допустимо — посудомойка)

Крышка в комплекте

Сито/вставка (если есть)

Высота/диаметр (габариты)

Подарочная упаковка (если есть)

Гарантия/поддержка (если заявляется продавцом)

2) Пример «паспорта графики»:

Иконки: line

Толщина линии: единая, без тонких деталей

Скругления: да (везде одинаковые)

Заливки: только в акцентных иконках (не более 20% площади)

Цвет иконок: тёмный нейтральный + акцент

Подложки: светлые плашки, без жёстких теней

Иллюстрации: только плоские (flat), без 3D

Паттерны: бесшовные, контраст до 10%, крупный шаг

Запрет: смешивать разные стили (solid + line) в одном кадре

3) 5 признаков совместимости наборов:

Одинаковая толщина штриха (визуально)

Схожая геометрия (углы, радиусы скругления)

Одинаковая “плотность” деталей (не один супер-детальный, другой примитивный)

Единый подход к заливкам (все line или все solid)

Схожие пропорции в сетке (иконка не выглядит “приплюснутой” рядом с другой)

4) Проверка читаемости без телефона:

Уменьшить макет до ширины, близкой к превью в выдаче.

Сделать скриншот и открыть как картинку.

Быстро пролистать 5–6 изображений: если иконка/паттерн мешают прочитать ключевой тезис за 1–2 секунды — упрощаем (убираем детали/снижаем контраст/увеличиваем знак).

</details>

Фото и фоны: стоки, нейросети и очистка фона

Фото и фон в инфографике для маркетплейсов делают две вещи: создают доверие (товар выглядит «настоящим») и помогают быстро понять смысл (товар не теряется, текст читается). При этом важно не уходить в «красоту ради красоты»: любые фоны и обработка должны оставлять товар узнаваемым и не вводить покупателя в заблуждение (ориентируйтесь на правила из статьи про требования маркетплейсов).

---

1) Когда нужен сток, а когда — собственное фото

Сток уместен, если

Нужен lifestyle-контекст без специфики товара: кухня, ванная, рабочее место, спортзал.

Нужны абстрактные фоны: текстуры, градиенты, «воздух».

Вы делаете кадр «про эмоцию», а не про точные свойства товара.

Сток рискован, если

Товар имеет уникальные детали (фурнитура, принт, форма, цвет): стоковые «похожие» предметы легко вводят в заблуждение.

Важна точность комплектации.

Нужны «доказательные» кадры: материал крупным планом, швы, механика.

Практика: используйте сток как фон/сцену, а сам товар — только из реальных фото/рендеров.

---

2) Полезные категории источников (и как их выбирать)

Бесплатные стоки

Подходят для фонов и общей атмосферы. Проверьте:

Можно ли использовать в коммерческих работах.

Нет ли ограничения на использование в брендинге/упаковке.

Требуется ли атрибуция.

Примеры библиотек: Unsplash, Pexels, Pixabay.

Платные стоки (больше контроля и качества)

Сильнее по поиску, разрешениям и «чистоте» контента.

Примеры: Shutterstock, Adobe Stock, iStock, Depositphotos.

Стоки текстур и фонов

Ищите не «красивую картинку», а фон, который не спорит с товаром:

Низкая детализация.

Понятная перспектива (чтобы товар «стоял», а не «висел»).

Однородные зоны под текст.

Примеры источников: Textures.com (текстуры), поиск «background / texture / wall / paper» внутри платных стоков.

---

3) Нейросети: как использовать безопасно и полезно

Нейросети удобны не для «нарисовать товар заново», а для обвязки вокруг товара.

Что генерировать можно (и это ускоряет)

Фоны: студийные градиенты, абстрактные текстуры, мягкие «интерьеры без брендов».

Реквизит: нейтральные элементы сцены (полотенце, лист бумаги, простая посуда) — когда они не искажают смысл.

Варианты атмосферы: «премиум/эко/техно» под один и тот же товар.

Что лучше не генерировать

Сам товар (рискуете исказить форму/цвет/детали).

Любые «доказательства»: до/после, результаты, сертификаты.

Маркировки и тексты на упаковке — нейросети часто ошибаются.

Инструменты, которые чаще всего используют дизайнеры

Генерация изображений: Midjourney, DALL·E, Stable Diffusion, Adobe Firefly.

Догенерация/расширение кадра (outpainting) и «убрать лишнее»: функции в Photoshop и отдельных AI-сервисах.

Мини-правило: если нейро-фон выглядит слишком «киношно» и отвлекает — снижайте контраст и детализацию, возвращайте фокус товару.

---

4) Очистка фона и вырезка товара: инструменты и контроль качества

Быстрые способы (когда надо «сейчас»)

remove.bg — быстро, удобно для массовой вырезки.

Clipdrop — часто лучше справляется со сложными краями.

Canva Background Remover (в платных тарифах) — удобно, если собираете карточку там же.

Точные способы (когда важен премиум-вид)

Photoshop: Select Subject, Remove Background, доработка маски вручную.

Affinity Photo / Photopea (если нужен бюджетный вариант) — ручная маска и чистка краёв.

Чек-лист качества вырезки (чтобы не было «колхоза»)

Края без «ореола» (особенно на белом фоне).

Полупрозрачные зоны (волосы, ткань, пластик) выглядят естественно.

Нет «объеденных» деталей (тонкие элементы, отверстия, сетка).

Тень согласована с новым фоном (направление и мягкость).

Визуальный тест на ошибки:

---

5) Быстрый пайплайн «товар + фон» для серии карточек

Подготовьте 3–5 базовых фонов под бренд: светлый, тёмный, нейтральная текстура, мягкий градиент.

Вырежьте товар максимально чисто (лучше один раз хорошо, чем каждый раз “поправлять”).

Добавьте тень как отдельный слой (мягкая, не чёрная).

Сведите цвета: фон чуть менее насыщенный, чем товар; белый — не «кипяток».

Сделайте тест превью (уменьшите до размера выдачи) и проверьте, что товар читается первым.

---

Задания для закрепления

1) Выберите товар (любая категория) и решите, какие кадры галереи можно делать на стоковых фонах, а какие — только на реальном фото. Напишите 6 кадров: «сток/не сток» + почему.

2) Составьте список из 10 запросов для поиска фонов на стоках под один товар (например: «light kitchen counter», «soft gradient background», «neutral bathroom interior» и т. п.).

3) Опишите свой процесс вырезки товара из сложного фото (волосы/мех/прозрачный пластик) в 7 шагов: от выбора инструмента до финальной проверки.

4) Придумайте 5 правил, как использовать нейросеть для фонов так, чтобы не нарушать доверие (что генерируем / чего избегаем).

<details> <summary> Ответы </summary>

1) Пример (товар: «бутылка для воды»):

Обложка — не сток (нужен реальный товар и точный цвет).

Кадр «объём/размеры» — не сток (важны реальные пропорции).

Кадр «в руке/в сумке» — можно сток фона, но товар реальный (вырезка + вставка в сцену).

Кадр «для спорта» — можно сток (спортзал/улица), если не создаёте ложных обещаний.

Кадр «как мыть/как открывать» — не сток (механика и детали настоящие).

Кадр «материал/фактура крупно» — не сток.

2) Пример 10 запросов (под чистый современный стиль):

light gradient background

soft shadow background

neutral beige background

white marble texture (subtle)

light kitchen counter background

minimal bathroom interior

pastel paper texture

studio backdrop light gray

concrete wall texture soft

blurred interior background minimal

3) Пример процесса вырезки (7 шагов):

Выберите самый качественный исходник (резкий, без сильного шума).

Сделайте авто-выделение (Select Subject / аналог).

Перейдите к маске и включите уточнение краёв (Refine Edge / аналог).

Отдельно обработайте сложные зоны (кистью по маске, маленький шаг).

Уберите ореолы: слегка «сожмите» маску и проверьте на белом/чёрном фоне.

Сохраните вырезку в формате с прозрачностью (для сборки) и отдельный финальный экспорт.

Финальная проверка на 3 фонах (белый/чёрный/яркий) + уменьшение до превью.

4) Пример 5 правил для нейро-фонов:

Генерировать фон, а не товар.

Убирать «слишком киношный» свет — он делает товар ненатуральным.

Не добавлять предметы, которые могут читаться как «в комплекте».

Следить за перспективой и горизонтом, чтобы товар не выглядел «вклеенным».

Держать фон менее контрастным, чем товар, и оставлять чистые зоны под текст.

</details>

Мокапы и 3D: упаковка, товары и сцены для презентации

Мокапы и 3D в инфографике для маркетплейсов — это способ быстро и аккуратно показать товар в контексте, собрать серию карточек в едином стиле и «упаковать» преимущества (упаковка, этикетка, комплектация, наборы). Главное правило: визуализация не должна вводить в заблуждение. Проверку ограничений и рисков обещаний держите по чек-листу из статьи про требования маркетплейсов.

1) Что считать мокапом, а что — 3D (и когда что выбирать)

Мокап

Готовая сцена/шаблон (обычно PSD/онлайн-сервис), куда вы подставляете:

Этикетку/дизайн упаковки.

Логотип/паттерн.

Скрин интерфейса (реже для маркетплейсов).

Когда подходит:

Нужно быстро показать «как будет выглядеть упаковка».

Нужна серия однотипных кадров (например, 6 вкусов/цветов).

Нет времени/бюджета на 3D.

3D

Модель объекта (упаковка, товар, аксессуары) + материалы/свет/рендер.

Когда подходит:

Товар сложный (форма, прозрачность, металлы) и фото слабое.

Надо показать механики: разбор, слои, устройство.

Нужна масштабируемая «сцена бренда» на десятки SKU.

2) Какие задачи мокапы и 3D решают в карточке товара

Показ линейки: несколько вариантов в одном стиле (цвет/объём/комплектация).

Упаковка и подарок: «как выглядит коробка/пакет/футляр» (только если реально есть).

Схемы и разрезы: объяснить конструкцию, не рисуя «на коленке».

Лайфстайл без обмана: товар в сцене, если корректны пропорции, свет и не добавлены «лишние» предметы «в комплект».

Согласованный брендинг: единая графика (связка со статьями про шрифты и иконки — через стиль-паспорт).

3) Где брать мокапы: 4 практичных категории источников

Важно: ниже — названия популярных мест/типов, без ссылок. Перед использованием проверяйте лицензию (как в статье про шрифты/ассеты).

1) Онлайн-генераторы мокапов

Примеры: Placeit, Smartmockups, Artboard Studio.

Плюсы:

Очень быстро.

Много типовых сцен.

Риски:

Ограниченная точность перспективы/материалов.

Подписка и ограничения на коммерческое использование.

2) PSD-мокапы (скачиваемые)

Примеры: Mockupworld, GraphicBurger (как витрины, где собраны разные авторы).

Плюсы:

Контроль качества (слои, тени, текстуры).

Удобно собрать фирменный пайплайн.

Риски:

Разные лицензии у разных авторов.

«Штампованный» вид, если не менять сцену/свет.

3) Маркетплейсы цифровых ассетов

Примеры: Envato Elements, Creative Market, Freepik.

Плюсы:

Много упаковки: дой-пак, коробки, банки, бутылки.

Часто идут наборами, проще выдержать стиль.

Риски:

Нужно фиксировать условия (подписка/ограничения).

4) Мокапы от производителей упаковки

Иногда фабрики/типографии дают dieline (развёртку) и визуализации.

Плюсы:

Максимальная близость к реальности.

Упрощает согласование с производством.

4) Где брать 3D: модели, сцены и материалы

Готовые 3D-модели

Источники-категории: рынки моделей (CGTrader, TurboSquid), библиотеки для дизайнеров (Sketchfab), каталоги производителей.

Проверяйте:

Формат (FBX/OBJ/GLB).

Наличие UV-развёртки (важно для этикеток).

Лицензию на коммерческое использование.

Инструменты для сборки

Blender (бесплатно) — упаковка, свет, рендер.

Cinema 4D — часто в студиях.

Adobe Substance 3D (Painter/Designer/Sampler) — материалы, реалистичные поверхности.

Vectary / Spline — проще для базовых сцен и быстрых превью.

5) Чек-лист реалистичности (чтобы 3D не выглядел «дешево»)

Масштаб: сравнивайте с рукой/линейкой/известным объектом.

Свет: один главный источник + мягкое заполнение, без «пластикового» блика.

Тени: контактная тень под товаром обязательна.

Материал: пластик ≠ стекло ≠ металл; не делайте одинаковый глянец везде.

Текст на этикетке: читаемость и отсутствие «мыла» на мелком кегле (тест превью как в статье про фото/фоны).

Мини-визуализация, что чаще всего ломает доверие:

6) Безопасность и соответствие товару (для модерации и доверия)

Не добавляйте в сцену предметы, которые могут читаться как «в комплекте».

Если показываете упаковку — она должна существовать в реальности (или формулируйте нейтрально и используйте только доп. кадры, если правила площадки это допускают).

Не «улучшайте» товар: меняя цвет, толщину, фактуру, вы повышаете риск возвратов и жалоб.

Не используйте чужие бренды/узнаваемые элементы интерьера, если это может быть проблемой по правам.

7) Быстрый рабочий пайплайн «упаковка/товар → серия карточек»

Выберите 1 базовую сцену (мокап или 3D) под бренд.

Подготовьте шаблон этикетки (вектор, чистая типографика, как в статье про шрифты).

Сделайте 3 тестовых варианта света/фона (нейтральный, светлый, тёмный).

Проверьте превью-читабельность и «безопасные зоны» (см. статью про требования).

Зафиксируйте настройки в мини-гайде проекта: фон, тени, масштаб, отступы, стиль иконок.

---

Задания для закрепления

1) Выберите товар (например, шампунь, термокружка, набор инструментов) и решите: какие 3 кадра вы сделаете на мокапе, а какие 3 — только по реальным фото/рендеру. Обоснуйте.

2) Составьте «паспорт 3D-сцены» из 8 пунктов (свет, фон, тень, камера, материал, масштаб, палитра, ограничения).

3) Найдите (в любой библиотеке/маркетплейсе ассетов) 2 подходящих мокапа упаковки и выпишите 6 критериев, по которым вы выберете один.

4) Сделайте чек-лист из 10 пунктов для проверки реалистичности 3D-рендера перед экспортом в карточку маркетплейса.

<details> <summary> Ответы </summary>

1) Пример (товар: «шампунь 400 мл»):

Мокап: «линейка ароматов» — быстро подставлять разные этикетки в одинаковую бутылку.

Мокап: «подарочный набор 2+1» — собрать композицию из одинаковых упаковок.

Мокап: «упаковка/коробка» — если коробка стандартная и реально существует.

Реальное фото/рендер: «фактура/цвет жидкости» — мокап часто врёт по прозрачности.

Реальное фото/рендер: «дозатор крупно» — важны реальные детали.

Реальное фото/рендер: «объём/габариты в руке» — нужен честный масштаб.

2) Пример паспорта 3D-сцены (8 пунктов):

Фон: светлый нейтральный градиент.

Источник света: мягкий ключевой слева сверху.

Заполнение: слабое справа (чтобы не было провалов в тенях).

Контактная тень: включена, мягкая.

Камера: фокусное среднее, без сильных искажений.

Масштаб: привязка к реальным размерам товара.

Материалы: отдельные пресеты для пластика/металла/бумаги.

Ограничения: не добавлять предметы, которые могут читаться как «в комплекте».

3) 6 критериев выбора мокапа:

Подходит тип упаковки (банка/дой-пак/коробка).

Есть smart object/удобная подстановка.

Достаточное разрешение под экспорт.

Свет нейтральный (не красит товар).

Фон не конфликтует с текстом/плашками.

Понятная коммерческая лицензия.

4) Чек-лист реалистичности 3D (10 пунктов):

Есть контактная тень.

Масштаб выглядит правдоподобно.

Нет «пережжённых» бликов.

Материал соответствует реальности (глянец/шероховатость).

Этикетка не растянута и не «плывёт» по форме.

Текст на этикетке читаем в нужных местах.

Цвет товара не уходит в «кислоту» из-за света.

Края не «зубчатые» (антиалиасинг/разрешение).

Перспектива не искажает форму.

Ничего в сцене не создаёт ложной комплектации.

</details>

Инструменты для сборки инфографики: шаблоны, сетки, проверка

Инфографика для маркетплейсов выигрывает не «уникальными эффектами», а стабильным качеством серии: читаемость на мобильном, единый стиль, быстрые правки, предсказуемый экспорт. Это достигается не только навыком, но и правильными инструментами: шаблоны → сетки → проверка.

> Требования площадок, безопасные зоны и запреты держите отдельным чек-листом (см. статью «Требования маркетплейсов к карточкам и изображениям») — здесь про то, как собрать производство макетов так, чтобы меньше ошибаться.

---

1) Шаблоны: ускоряем серию, а не один кадр

Какие шаблоны реально полезны

Каркас кадра (обложка / выгоды / размеры / комплектация / инструкция). Не дизайн, а структура блоков.

Типовые компоненты: плашка с заголовком, буллеты с иконкой, бейдж «новинка/хит» (если допустимо), таблица сравнения (если допустимо правилами).

Стили: цвета, текстовые стили, тени/подложки, радиусы, отступы.

Где собирать шаблоны (по типам инструментов)

Figma: удобнее всего для системности — компоненты, автолейаут, варианты, библиотека бренда.

Photoshop: силён в ретуши и сложной компоновке фото, но шаблоны лучше держать как набор групп/смарт-объектов с фиксированными стилями.

Illustrator: удобен для векторной инфографики (схемы, размеры), особенно когда много линий/стрелок.

Canva: хороша для быстрых сборок и команд, но внимательно следите за единым стилем и финальным экспортом.

Практичное правило: один товар = один набор кадров, но один бренд = одна система компонентов. Тогда правка «поменять акцентный цвет/шрифт/плашки» делается один раз.

---

2) Сетки и направляющие: чтобы макет «держался» на превью

Сетка — это способ обеспечить:

Иерархию (главное видно сразу).

Ритм (одинаковые отступы и размеры блоков).

Серийность (10 карточек выглядят как одна линейка).

Базовая сетка для маркетплейса (универсальная)

Вместо сложных модульных сеток чаще всего хватает:

Внешние поля (чтобы ничего важного не прилипало к краям и не обрезалось в разных блоках выдачи).

2–3 колонки внутри: одна под товар, одна под текст, иногда третья под иконки.

Вертикальные зоны: верх под заголовок, центр под товар, низ под факты/бейджи.

Визуальный каркас (пример логики):

Инструменты сеток (что включить в рабочем файле)

Layout grid / направляющие (фиксируете колонки и поля).

Сетка шагов (например, отступы кратны одному шагу: 8/10/12 — выберите один и держитесь).

Компоненты-«контейнеры»: готовые блоки под текст и иконки, которые сами держат отступы.

Если команда или поток проектов большой: заведите страницу “Grid & Rules” в файле, где лежат направляющие, безопасные зоны, примеры правильных отступов.

---

3) Проверка: как отлавливать ошибки до загрузки

Проверка должна занимать минуты и быть повторяемой.

А) Проверка читаемости (самая частая проблема)

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

Пролистайте 6–8 кадров быстро: должен читаться 1 тезис + 2–3 факта.

Отдельно проверьте цифры, размеры, проценты (они ломаются первыми).

Мини-тест «2 секунды»:

Б) Проверка единообразия серии

Одинаковая позиция заголовка (верх/низ — выберите одно).

Одинаковая логика плашек и иконок (не меняйте стиль от кадра к кадру).

Одинаковая «весовка» фото: тени, контраст, температура.

Полезный приём: сделайте контакт-лист — все кадры рядом в уменьшенном виде. Так сразу видно, где один кадр «кричит» или выпадает.

В) Техническая проверка экспорта (без углубления в правила)

Экспортируйте через один пресет (формат/качество/профиль) и не меняйте его без причины.

Проверяйте «тонкие места»: градиенты (бэндинг), мелкий текст (мыло), края вырезки (ореолы).

Храните финальные файлы отдельно от исходников (папка “EXPORT_FINAL”), чтобы не перепутать версии.

---

4) Мини-пайплайн «шаблон → сборка → контроль → экспорт»

Откройте шаблон нужного типа кадра.

Подставьте фото/рендер товара (один стиль обработки на серию).

Заполните текст по иерархии: 1 тезис → 2–4 факта → уточнения.

Включите режим проверки: уменьшение до превью + контакт-лист.

Экспорт пресетом и финальная проверка файлов.

Это превращает сборку инфографики из «каждый раз заново» в конвейер без потери качества.

---

Задания для закрепления

1) Соберите список из 8 компонентов, которые вы добавите в библиотеку шаблонов бренда (например: заголовок, буллет, плашка и т. п.).

2) Нарисуйте (словами) сетку для обложки: где будет товар, где тезис, где вторичные факты. Опишите поля и колонки.

3) Придумайте 7-пунктовый чек-лист проверки серии из 6 кадров перед экспортом (без технических требований конкретной площадки).

4) Ситуация: один кадр «вываливается» из серии (другой контраст/крупнее текст/другая плашка). Напишите 5 шагов, как вы приведёте его к общему стилю.

<details> <summary> Ответы </summary>

1) Пример 8 компонентов библиотеки:

Заголовок (уровень 1)

Подзаголовок/факт (уровень 2)

Мелкая подпись (уровень 3)

Буллет с иконкой

Плашка-лейбл (например, «комплектация»)

Бейдж (ограниченно и аккуратно)

Блок «таблица 2×2» для характеристик

Блок «3 шага» для инструкции

2) Пример описания сетки обложки:

Внешние поля: одинаковые со всех сторон, чтобы ключевое не прилипало к краям.

2 колонки: левая шире под товар, правая уже под тезис/1–2 факта.

Верхняя зона: заголовок (1 строка).

Центральная зона: товар занимает главный фокус.

Нижняя зона: 1–2 вторичных факта или аккуратные пиктограммы.

3) Пример чек-листа проверки серии (7 пунктов):

В каждом кадре есть один главный смысл (не два конкурирующих).

Заголовки стоят в одном месте и одного масштаба.

2–4 факта читаются в уменьшении.

Иконки одного стиля и одного визуального веса.

Фото товара в одной цветовой обработке (контраст/температура).

Ничего важного не прижато к краям (держим безопасные поля).

Контакт-лист выглядит цельно: нет «кричащих» кадров по цвету/контрасту.

4) Пример 5 шагов, чтобы привести кадр к стилю серии:

Сравнить кадр с лучшим «эталонным» кадром серии в уменьшении.

Привести текстовые стили: тот же размер, начертание, межстрочный интервал.

Привести плашки: те же радиусы, толщина обводки, подложки/тени.

Привести фото: одинаковая яркость/контраст/температура, согласованные тени.

Проверить ритм: одинаковые отступы и выравнивания по сетке.

</details>