Подчёркивания на сайте

Когда на сайте оглавление карточки товара подчёркнуто, менеджерам, программистам или дизайнерам кажется, что там пользователь точно не пропустит продукт. Но помимо того, что это неверное утверждение, в результате этого появляется такое:

Выносные элементы букв («ц», «р», «у») ломают линию и получается просто некрасиво.

Конечно, это не главная проблема этого каталога. Посмотрите, например, на игру «Серп». Из-за скидки кнопка «Купить» съехала на следующую строку. Но это легко починить:

Стало лучше, но можно ещё подкрутить:

Для начала избавляемся от «руб» и ставим такой же информативный знак ₽. Далее выкидываем слова «есть». Всё, что есть на главной странице, должно быть в наличии. Если товара нет, то надо их убирать в самый низ, затемнять, писать «Нет в наличии». Что угодно. Также можно громко говорить о скидках: они привлекают покупателя.

Идём дальше:

Избавились от едва заметных кнопочек с иконкой корзины и добавили кнопку «Купить». Но что-то выходит так себе. А если представить, что таких товаров не 4, а 12 на странице, будет треш. Убираем кнопки:

Вёрстка вызывает вопросы. Можно поменять местами цифры и наименование:

Заодно добавим рейтинг. Это очень полезная для людей штука: видишь, что у товара две звезды, вряд ли станешь тратить на него время.