dom1n1k

Оптимально будет забить на оценку и оставить GF как есть.
Скачивать и класть себе на хостинг - в реальности будет хуже.
Но хозяин барин.

Дональд Кнут, "Искусство программирования"
Если осилишь хотя бы процентов 20 и не демотивируешься при этом - это будет хороший знак.

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

Всегда делаю так

.elem + .elem {
   margin-top: 20px;
}

В 2017 году всё-таки флекс-бокс. Уже можно :)
Без всякий хрени с дополнительными технологическими обертками.

Рзумеется, намного полезнее 768, потому что это ширина Айпада и еще кучки планшетов с аналогичными экранами. Это действительно распространенный и востребованный размер.
А 640 это... Ну это горизонтальный размер части телефонов, но никто не смотрит сайты на телефоне в горизонтальной ориентации.
mydevice.io/devices

Это искусственно искаженный Roboto Condensed

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

Ну Exo отдаленно похож...
ndiscovered.com/exo-2
ndiscovered.com/exo-condensed-expanded

С опроса своих знакомых, куда они идут, когда им нужно что-то продать или купить. И сравнения частоты ответов "на Авито" и "в Яндекс искать какую-нибудь досочку поновее и максимально неизвестную".

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

Лучше всего градиентом с нулевой шириной перехода.

Имею опыт глубокой кастомизации Бутстрапа. Глупая была затея.
Родился такой монстр, который просрал плюсы и сочетал минусы обоих подходов (популярный фреймворк vs самописный велосипед).
Сильно изменив Бутстрап, убиваются:
- его обновления и багофиксы
- совместимость со сторонними плагинами
- низкий порог вхождения новых людей
- возможность гуглить решения в случае багов
Но и самописным велосипедом это тоже не является, потому что сильно завязано на исходную архитектуру. То есть нет полной свободы и гибкости, присущей кастомным решениям. БЭМ-ом там, конечно, тоже не пахнет, откуда идут большие проблемы с независимостью.
Бутстрап нужно использовать либо как есть, либо с минимальными скинами-стилизациями поверх.

> а хотелось бы именно сеошить
Понимаю что оффтоп, модер наверное удалит, но блин вообще не понимаю, как этого можно хотеть :)
Что там интересного? Совершенно банальное рутинное ремесло, по уровню увлеченности где-то наравне бухгалтером самого нижнего звена.
Я понимаю людей, которые занимаются сео просто ради денег, но вот так чтоб именно хотеть сделать это делом жизни...

Этот вопрос обсуждается во всех руководствах по БЭМу одним из первых!

Спрашивать бюджет нужно, хотя бы очень ориентировочный.
Дело в том, что если клиент не специалист в IT, то очень часто он не знает даже приблизительного порядка цен, и его ожидания могут кардинально отличаться от реальности.
Вы можете сидеть 2 часа обсуждать гипотетический функционал и гору хотелок, потом объявить 300к, а клиент сделает так o_O и скажет "нифига себе, я думал ну тысяч 50 хватит, мне вот друг племянника рассказывал..."
Поэтому хоть какие-то рамки нужны.

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

Что именно подразумевается под словом "различимые"?
Чтобы машину можно было различить на фоне пейзажа? Или чтобы можно было распознать её тип, марку, модель?
Если второе, то таких снимков нет (во всяком случае в свободном доступе).
Да и откровенно говоря, первая задача тоже не так уж проста. Автомобили на спутниковых снимках выглядят маленькими кубиками размером в несколько пикселей. И отличить такой кубик от пивного ларька можно разве что по контексту - то есть с человеческим мышлением, а не автоматически.