Подобные непонятки с теорией близости часто встречаются на всяких новостных сайтах. Понять, какие надписи «заодно», можно только по изучению всего блока новостей страницы, пограничных условий, выявлению правил верстки. Взгляда на одну новость недостаточно.

Ну и любимая картинка из интернета про теорию близости, чтобы закрыть тему

Пару скриншотов о том, что к возможности использования на сайте кастомного шрифта надо походить с большой ответственности, особенно когда речь не о крикливо-провокационном заголовке, а о теле текста. Читается очень тяжко:

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

И раз уж начал про неуместную информацию на сайтах, то вот фрагмент скриншота угадайте какой страницы сайта Декатлона трехлетней давности.

Благовидной затеей сделать шапку сайта залипающей, чтобы посетитель в любой момент имел быстрый доступ к меню, устлана дорога в ад. Все эти залипающие при скроле тяжелые шапки вызывают у меня приступы клаустрофобии. Кажется, я даже физически пригибаюсь слегка при посещении таких сайтов. Вот это, например, сайт журнала Time:

Если тестирования или интуиция подсказывают, что посетитель настолько нуждается в мгновенном доступе к меню, что согласен отдать вам немного драгоценной высоты вьюпорта, то закреплять стоит не полноценную версию шапки, а ее мизерную версию. Гугл, например, при залипании уменьшает шапку на 56%. По мне 5% от высоты вьюпорта — максимум, который можно отвести под залипающую шапку сайта.

Ах да, как же здесь не похвастаться: на сайте студии наконец опубликовали анонсы разных навигационных штук для ВДНХ, которые последний год мы с ребятами делали (я в качестве старшего дизайнера): переносимая на огромное количество форматов схема территории, директивные указатели и информационные стелы.

artlebedev.ru/vdnh/
(немного стыдно такое писать в 2018 году, но советую анонсы рассматривать на десктопе).

Но для меня важнее не внешний вид носителей и все эти фоточки, а используемые в работе принципы, о которых и рассказывается в анонсах:

1) построение схемы на основе ментальных моделей посетителей

2) система указателей, которые не просто в каждом конкретном месте указывают, что где находится, а работают вместе для управления потоками. Это как разница между толпой варваров, где у каждого есть простая задача «убить максимум врагов», и войсками, где действия каждого солдата подчинены стратегии полководца.