Это макет чата, нарисованный в браузере. Карточки ниже собраны прямо сейчас из тегов живых страниц этого сайта. Настоящую переписку показать не могу, и выдавать рисунок за скриншот не стану.

Прямиком

Как ссылка выглядит в чате

Три страницы сайта — три разные карточки. Ни один заголовок на этой странице не написан руками: всё прочитано из шапок живых страниц.

Читаю страницы…

Что проверено прямо сейчас

Пять ошибок, которые в этой задаче делают чаще всего. Страница проверяет их сама при каждом открытии.

Значок в настоящих размерах

Слева направо: 16, 32, 48, 180 и 512 пикселей. 16 — это настоящий размер во вкладке браузера.

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