Этикетки СТМ: бриф клиента по ссылке и печатный макет в CMYK

Этикетки под собственную марку клиента: где терялось время

Производитель фильтров для воды выпускает продукцию под собственными торговыми марками (СТМ) своих клиентов. Раньше пожелания к этикетке приходили по почте, в мессенджерах и устно, менеджер пересказывал их дизайнеру, а номенклатуру сопоставлял вручную: клиенту нужна часть из сотен позиций каталога, у него свои артикулы и названия. Дизайнер вручную совмещал фон клиента с содержимым этикетки для каждой позиции, а требования типографии нигде не были записаны. Легко было перепутать товар или потерять обязательное предупреждение.

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

Бриф клиента в пять шагов

Клиент получает персональную ссылку без регистрации и заполняет бриф:

1. Бренд: юрлицо, название на этикетке, контакты.
2. Логотип и фон: логотип в любом формате, фирменные цвета, фон однотонный, свой или сгенерированный нейросетью.
3. Продукция: выбор из каталога со своими артикулами и названиями. Для большого списка можно скачать Excel со всем каталогом, отметить нужное и загрузить обратно.
4. Данные: штрихкоды, текст изготовителя, знаки ЕАС и «Сделано в России», телефон, слоган, QR-код.
5. Проверка и отправка.

Логотип в PNG или JPG автоматически переводится в вектор, цвета бренда считаются из логотипа, а клиент видит, удалась ли трассировка. Штрихкоды EAN-13 проверяются по контрольной цифре, лишние символы из Excel вычищаются.

Концепции дизайна

После брифа клиент выбирает концепцию этикетки. Шаблонных концепций шесть: от минимализма до инфографики. Данные товара подставляются в SVG-шаблон, а если текст не помещается, вёрстка уплотняется; если не помещается и так, сервис сообщает об ошибке, а не обрезает текст.

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

Печатный PDF и автоматическая проверка

Этикетка собирается из SVG в векторный PDF, затем переводится в CMYK по профилю ISO Coated v2 с текстом в кривых. Формат 70×145 мм с вылетами. Перед передачей в типографию каждый файл проходит проверку:

• размер страницы совпадает с форматом;
• в файле нет шрифтов, весь текст в кривых;
• только CMYK, без RGB;
• нет прозрачности;
• растровые элементы не ниже 300 dpi.

Товар без утверждённой карточки, без характеристик или с неверным штрихкодом в сборку не попадает.

Что видит менеджер

• Проекты: этапы «Бриф», «Выбор концепции», «Мастер-этикетка», «Проверка», позиции клиента, замена логотипа и фона, массовая сборка этикеток и выгрузка печатных PDF архивом.
• Продукция: каталог карточек с характеристиками, статусами и историей правок. Сервис предупреждает, если этикетка собрана по старой версии карточки.
• Библиотека: утверждённые печатные файлы по клиентам и версиям для повторного заказа.

Как устроено

Next.js и SQLite для брифа и админки, рендерер на Python: SVG-шаблоны, штрихкоды и QR, перевод логотипа в вектор, Ghostscript для CMYK и проверки PDF. Фон генерируется моделью Gemini. Каталог продукции собран из реальных этикеток заказчика, характеристики не выдумываются.

Скриншоты

Частые вопросы