Сверстать макеты в фигме

Для корректной оценки прошу посмотреть исходник дизайна www.figma.com/file/i68ZcM...

Т.к в исходнике показаны не уникальные дизайны страниц, а часть из них это разные состояния и вид под разные разрешения экранов.
Обратите внимание слева на 
Обложку проекта – лого
Веб – страницы и состояния для веб-версии сайта
Мобильная версия – страницы и состояния для мобильной версии сайта
Design system – тут собраны используемые элементы

Уточнения:
Нужна только верстка и show/hide элементы на страницах, без интеграций CMS/фреймворков;
Проект должен быть сделан на HTML, CSS, JS без использования сторонних библиотек и фреймворков;
Все состояния элементов должны соответствовать стайлгайду, предусмотренному в макете;
При взаимодействии с элементами (наведение, нажатие) ни сам элемент, ни окружающие его блоки не меняют своего положения, если такое поведение не предусмотрено макетом;
В проекте не должно быть закоментированных фрагментов кода без осмысленного текстового пояснения;
В проекте не должно быть неиспользуемых файлов;
Контентная графика должна вставляться в разметке;
Декоративная графика должна вставляться в стилях;
Декоративная SVG-графика может использоваться в разметке, если её внешний вид нужно менять стилями.

Проверять верстку буду по дизайну попиксельно. Будьте аккуратны.
Задавайте вопросы и жду от вас оценки исходя из текущих объемов дизайна.