Delagardi

Если посмотреть на макет, то можно понять следующее:
- есть сетка в 5 колонок
- элементы занимают 1 или 2 клетки
- элемент "трейлер" занимает 2 клетки по горизонтали
- элемент "рейтинги" занимает 2 клетки по вертикали

Сверстать статику можно и без каких-то дополнительных библиотек. В случае же реального сайта необходимо думать о логике работы данного элемента дизайна.

PS: и даже в реальном примере Masonry не нужен - у нас ведь сетка с заранее известными размерами.

Попробуйте поиграться с разномастными флоатами, разбив свою "кладку" на примерно две части и распихав их по разным сторонам. Насколько это будет респонсивно и корректно не знаю, но как вариант.

Без js максимум можно сделать
w3bits.com/css-masonry
но в вашем случае не поможет.

Это называется Masonry
codepen.io/search?q=Masonry&limit=all&order=popula...

И почему без js?
codepen.io/seanmccaffery/pen/Gxtqy

Применяя системный подход - поиск "superfish" в файлах *.js в папке расширений Хрома (для седьмых Форточек: "%SystemDrive%:\Users\%USERNAME%\Local Settings\Application Data\Google\Chrome\User Data\Default\Extensions\" ) отловил несколько расширений с этой "суперфишкой".

У некоторых из них есть галочка в настройках, типа "Disable ads" в духе того, что типа не хочу я помогать вам. У кого нет такой галки - ушли ффтопку, и были заменены аналогами, либо изрядно почищены и установлены, как распакованные с другими ИД, дабы случайно не обновились.

Особо страшного в этой штуке нет - просто подкачивает рекламу, но беда в том, что сам скрипт огромного размера и встраивается во ВСЕ страницы, и такие расширения, как Save Single Page или Read Later их тщательно сохраняют.

+ в этом: Cлужебные страницы Google Chrome™ :)

мне сдается, что в вашем примере (Сталекс) используют не фотографии, а рендеры 3D моделей...для каждого рендера используют свой материал. Во-первых, уж не сильно это на фото похоже, врядли собирали какой-то стенд под эти листы. Во-вторых, у каждой покраски есть скажем свой точный код цвета, т.е. цвета соответствуют реальным. Как Вы собираетесь в illustrator крутить эти гистограммы, чтобы поймать нужное я затрудняюсь ответить. Если только подгонять на глаз, но это завал

Я не уверен в качестве результата, но можно попробовать поиграться с HSL. В данном вами примере хватит изменения Hue и Saturation.

quirktools.com