Сейчас товары с белой этикеткой сливаются со светлым фоном карточки — сыворотки на витрине почти не читаются, тогда как масла с чёрной этикеткой видно хорошо. Ниже — четыре рабочих варианта на выбор. Каждый показан на реальных фото Florika сразу на двух типах товара, со сроками и честным результатом. Фон нигде не чёрный.
Оба фото стоят на одинаковой светлой карточке. Разница только в цвете этикетки — и этого достаточно, чтобы один товар выглядел аккуратно, а второй «растворился».
Как читать цифры на этой странице. Мы измеряем, насколько этикетка отличается от фона под ней. Понятный ориентир — от 3×: это признанный порог читаемости.
Сейчас у белой этикетки 1,05× — разницы почти нет. У чёрной на том же фоне 17,6×. Задача — привести к порогу обе, не затемняя сайт.
Быстрый обзор, чтобы сориентироваться. Подробности и живые примеры — ниже.
В каждом варианте слева — сыворотка с белой этикеткой, справа — масло с чёрной, на одной и той же подложке. Так сразу видно, что решение работает для всего каталога, а не только для проблемных позиций.
Эти решения выглядят логично, поэтому важно объяснить, почему их нет в списке выше.