Шрифт, который всё портит: типографические ошибки в карточках товаров
Опубликовано: 23.06.2026
Первое, что видит покупатель на маркетплейсе — не фото, не цена и даже не рейтинг. Первое, что мозг считывает за долю секунды — это текст. Название, цена, характеристики. Если что-то с ними не так, карточка моментально считывается как недоделанная. Покупатель не будет анализировать, почему ему некомфортно читать. Он просто уйдёт к конкуренту.
Типографика в карточке товара работает как подтекст. Она не кричит о себе, но создаёт ощущение порядка или хаоса. И чаще всего хаос возникает из-за совсем небольших промахов, которые легко исправить, если знать, где искать.
Три шрифта — уже цирк
Самая частая история: продавец открывает редактор, видит десятки шрифтов и решает использовать побольше. Заголовок — один, цена — другой, описание — третий, а кнопка «в корзину» — четвёртый. Результат похож на афишу провинциального театра девяностых.
Для карточки товара оптимально один-два шрифта. Один — для заголовков и акцентов, второй — для основного текста. Причём второй не обязательно вообще нужен: многие удачные карточки построены на одном семействе с разным начертанием. Обычный для описания, полужирный для подзаголовков.
Если очень хочется разнообразия, стоит выбирать шрифты с родственной геометрией. Гротеск с гротеском. Антиква с антиквой. Смешивать Verdana с Times New Roman — верный способ получить визуальный диссонанс.
Иерархия, которой нет
Когда все строки выглядят одинаково, глазу не за что зацепиться. Покупатель видит полотно текста и не понимает, где название, где характеристики, где цена. Это особенно заметно в карточках с длинным описанием.
Иерархия строится тремя инструментами: размером, весом и цветом. Название — крупнее и жирнее. Цена — другого цвета, обычно акцентного. Описание — мельче, спокойного нейтрального оттенка. Между этими уровнями должна быть ощутимая разница. Если кегль заголовка 14, а основного текста 13 — разница не считывается. Нужно хотя бы 16 против 13.
Межстрочный интервал, который душит
Строки, расположенные вплотную друг к другу — это маркер любительской верстки. Текст превращается в серую массу, которую физически тяжело читать. Особенно на мобильном экране, где и так мало пространства.
Для основного текста в карточке товара безопасный диапазон — 140–160% от размера шрифта. То есть при кегле 13 пикселей межстрочный интервал должен быть примерно 18–21 пиксель. Для заголовков интервал можно уменьшить до 110–120%, чтобы они смотрелись цельным блоком, а не набором разрозненных строк. Полезны и рекомендации по типографике: в них учтены форма кириллических букв, кегль и поведение после сжатия.
Выравнивание по ширине на узких блоках
Классическая ошибка, перекочевавшая из Word в дизайн карточек. Выравнивание по ширине растягивает слова, создавая неравномерные промежутки между ними — так называемые «коридоры» и «заборы». На широких колонках это терпимо, на узких блоках карточки выглядит катастрофически.
Для описания и характеристик лучше всего работает выравнивание по левому краю. Правый край при этом получается рваным, но глаз привык к такой ритмике — именно так набраны книги и статьи. Рваный правый край даже помогает ориентироваться при чтении.
Капслок как инструмент отчаяния
«УНИКАЛЬНОЕ ПРЕДЛОЖЕНИЕ», «СУПЕРЦЕНА», «БЕСПЛАТНАЯ ДОСТАВКА». Текст, набранный заглавными буквами, на 13–18% хуже считывается по сравнению со строчными. Это проверенный факт, подтверждённый исследованиями читаемости. Заглавные буквы лишены верхних выносных элементов — тех самых хвостиков у «д», «р», «б», «в». Из-за этого все слова приобретают похожий прямоугольный силуэт и мозг тратит больше времени на распознавание.
Капслок уместен только в двух случаях: для аббревиатур (LED, USB, ГОСТ) и для очень коротких подписей из двух-трёх слов, где это осознанный стилистический приём. Всё остальное — просто крик, который покупатель пропустит мимо ушей.
Тонкие шрифты на цветном фоне
Лёгкие, воздушные начертания вроде Thin или Light выглядят элегантно на больших экранах с тёмным текстом на светлом фоне. Но когда тот же шрифт помещается на цветную плашку — скажем, на оранжевый блок с акционной ценой — он просто растворяется. Контраст падает ниже допустимого порога, и надпись становится неразличимой, особенно на солнце при просмотре с телефона.
Для текста на цветном фоне нужны плотные начертания: Regular минимум, а лучше Medium или Bold. И обязательно проверка контраста — онлайн-калькуляторов для этого много, и работают они за секунду.
Отсутствие дыхания вокруг текста
Текст, прижатый к краю блока или к фотографии, создаёт ощущение тесноты. Карточка выглядит так, будто в неё пытались впихнуть максимум информации на минимальной площади. Это работает против продавца: вместо желания прочитать возникает инстинктивное отторжение.
Отступы от краёв блока — минимум 12–16 пикселей. Между текстовыми блоками — не меньше 8. Между ценой и описанием — хотя бы 16. Эти числа не взяты с потолка: они связаны с размером базового шрифта и обеспечивают комфортное визуальное разделение элементов.
Декоративные шрифты там, где они не нужны
Рукописные, готические, стилизованные под винтаж шрифты — это украшение, а не рабочий инструмент. Название товара, набранное таким шрифтом, покупатель может просто не прочитать. Мозг попытается распознать буквы, не узнает привычных форм, и внимание переключится на что-то более понятное.
Декоративный шрифт допустим разве что в логотипе бренда — и то, если этот логотип уже узнаваем. Для всего остального в карточке нужны шрифты с чёткой, простой геометрией. Те, которые читаются не раздумывая.
Практический чек-лист
Перед тем как публиковать карточку, имеет смысл пробежаться по нескольким пунктам:
- Не больше двух шрифтов, и они сочетаются друг с другом
- Заголовок, цена и описание визуально различаются по размеру или весу
- Межстрочный интервал не меньше 140% для основного текста
- Текст выровнен по левому краю, а не по ширине
- Капслок используется только для аббревиатур
- Текст на цветном фоне набран плотным начертанием и имеет достаточный контраст
- Вокруг текстовых блоков есть свободное пространство
- Название товара читается мгновенно, без усилий
Хорошая типографика в карточке товара — это не про красоту. Это про скорость восприятия. Покупатель должен за три-четыре секунды понять, что тут продают, сколько это стоит и чем отличается от аналогов. Если шрифт, интервалы и выравнивание помогают этому — карточка работает. Если мешают — даже лучшая фотография не спасёт.