Создать страницу (без psd макета) на Bootstrap

Необходимо собрать (без psd макета) страницу на Bootstrap подобрав стиль, фоны, цвета под существующий дизайн. Сами блоки (примерно 20 шт) это табы, слайдеры, дропдауны, карточки и т.д.

Есть визуальные примеры. Берем элементы и собираем в нужном стиле, поэтому требуется художественный вкус, понимание юзабилити. Искать картинки и т.п. не нужно, только бэкграунды, мелкие графические детали блоков (или нарисовать например линию).

Мы создаем новый внешний вид внутренней страницы этого сайта:

https://goo.gl/ew4a4V, https://goo.gl/z19vXj, https://goo.gl/6Aa3iE

Поэтому по стилю новая страница должна вписаться в этот стиль.

Но в то же время старые страницы - это пустое белое полотно, ультра минимализм, нет четкой структуры.

Раздельные блоки, фоны, структурность страницы должна решить эту проблему.

Ориентиром для обновленного стиля является udacity: https://www.udacity.com/course/data-analyst-nanodegree--nd002,  https://www.udacity.com/course/intro-to-self-driving-cars--nd113, https://www.udacity.com/course/android-developer-nanodegree-by-google--nd801

Вписываем в дизайн старого сайта, но ориентируемся на стиль udacity.

Mobile first. Кроссбраузерность. Валидность. Чистый код. Комменты.

Исполнитель получит примеры блоков, мокап и подробное описание.

В приложении типы необходимых блоков (два не влезли в скриншот).