Rustam Bainazarov

…и когда добавят возможность ставить дизлайки на ответы?

Тогда, когда добавят возможность ставить дизлайки за вопросы.

Обычно все подобные иллюстрации ищутся по запросу flat illustration, какого-то иного обозначения я не встречал.

Табы по клику нужны, чтобы как раз-таки ограничить необходимость прокрутки. У вас уже по сути не табы.

Представим ситуацию. У вас после блока с табами ещё куча информации (слайдеры с доп. товарами, кросс-товарами, ещё там что-то). И вот чтобы достичь эту информацию, нужно прокрутить все-все табы.

Наверное, сама идея таких табов (хотя это не совсем табы) имеет своё право на жизнь, но всё зависит от контекста того дизайна и функционала, в котором они будут располагаться.

У вас получился синтез таба и той штуки с заглавием блока, который на экране (не знаю, как называется, примерно вот это). От табов — скрытие контента других табов и фиксация начала контента табов в одном месте, от второй штуки — идея прокрутки и индикация текущего смыслового блока.

Скорее всего, такая реализация будет путать, но надо тестировать, конечно. Массовый пользователь привык либо к табам, либо к прокрутке.

Советую брать в основу десктопного макета разрешение типичного ноутбука (1360px) + вычитать полосу прокрутки (16–17px). В любом случае учитывать полосу прокрутки нужно обязательно, чтобы избежать проблем.

А ещё лучше, чтобы ваш макет умещался в рамках ~1320px, потому что некоторые шрифты на разных ОС и в разных браузерах могут иметь различный размер значений межбуквенного расстояния. К примеру, такая шняга есть у шрифта Circe: MacOS рендерит с большим межбуквенным расстоянием, чем Windows (и это в рамках одного браузера — Chrome).

P. S. Почему за основу именно типичный ноутбук? Потому что большинство больших мониторов имеет оное разрешение, в т. ч. куча недорогих мониторов по 22 дюйма и подобные им. Лучше, конечно, продумать макеты и на разрешения выше (к примеру, 1360–1600, 1601–1920, 1921–2560). Ну и так далее. Всё зависит от дизайна.