«Оберіть репетитора» — фон, картки, відгуки

Знято з локального стенда, на dev.englishprime.ua ще не викочено.

1. Каталогфон #28B4FA + плашка-бульбашка як у шортсах

Плашка підпису — форма знята піксельно з оригіналу обкладинки шортса (кадри в кінці): клин 8,9% ширини плашки, кут 1,57: верх прямий, у лівому верхньому куті клин, що заглиблюється вправо. Колір по колу з палітри сайту: фіолет #9673FF, помаранч #FF460F, білий, чорний. Текст на світлих чорний (на фіолеті білий давав 3,4:1).
Активний чип фільтра став чорним — синій зливався з новим фоном.
«Детальніше» — пігулка, видима завжди, а не текст на наведення.

2. Наведенняяк у dogcat: rotate(3°) scale(1.12), 0.6s ease-out

Плитка виходить над сусідніми, плашка масштабується на 5%, кнопка стає помаранчевою. На тач-екранах ефекту немає.

3. Мобайл 390px

Рядок «Дорослі, підлітки · Онлайн» на вузькій плитці прибрано — він обрізався і штовхав імʼя на фото.

4. Відгукивже на dev — правка в CMS, збірка не потрібна

Було 8 відгуків, у пʼятьох немає фото (двоє взагалі вимкнені). Тепер прикріплено пʼять із головної + три репетиторські з фото — усі з фото.

5. Еталон — обкладинка шортсакут плашки крупно

6. Наша плитка — той самий куттой самий кут крупно

7. Поруч в однаковому масштабі

8. Кінчик хвостиканаш — гачок дивиться вліво

9. Той самий гачок в еталоні