Вообще-то дизайнера - на кол за такое. Тень как на картинке под блоком, частично и с выступом за края не сделать на css или по меньшей мере очень сложно сделать это адаптивно. Тут нужно подкладывать еще блок, который будет отвечать за тень, но угол его наклона должен соответствовать наклону градиента в секции.
Если тень не имеет значения - легко на градиентах верстаются эти скосы, тут просто множественный background.
Что по вашему не так с семейством? Названия семейства может содержать пробелы, никто не запрещает. Так же никто не запрещает вам для подгружать другие шрифты в семейство для отображения с разной жирностью.
MyQuestion, нет конечно. Для обычных изображений я стараюсь использовать picture. Но если по смыслу должно быть быть изображение с подписью, то использую figure в качестве обертки + figcaption.
Ras, вы говорите, что обнаружили такие ссылки в яндексе, т.е. это переходы из яндекс, а не соц.сетей или другого поиска. А появились эти ссылки, потому что кто-то на своем сайте разместил ссылку на вас с таким хвостом, а яндекс проиндексировал. Вред от таких ссылок прямой - дубли в поиске. Запретить "в роботс" мало. Нужно блочить на уровне сервера, по white-листу, т.е. отдавать 404 по любые хвосты, кроме разрешенных.