Адаптивная верстка прототипа в Figma

Требуется адаптивная верстка прототипа в Figma (CRM система).

Качество верстки должно быть высокое (будем портировать на next.js).
Все мгновенные состояния отдельными блоками, (например открытое меню)В PageSpeed общий балл должен быть выше 90.

Перед началом сотрудничества необходимо выполнить тестовое задание (вёрстку одной из страниц, на ваш выбор).

Требования:
- Проект должен быть собран через webpack- Верстать по BEM и SASS
- Разрешается использование облегченных grid'ов, тащить весь бутстрап в проект ради сетки и пары элементов не надо.
- Не должно быть кода решающего задачи верстки, которые могли быть решены через CSS.
- Не забывайте про flexbox и grid.
- Весь код должен пройти W3C валидацию без ошибок.
- Софткап длины строки для CSS 80 символов, хардкап 120.
- Основные блоки кода должны быть покрытыкомментариями, без лишнего фанатизма, но таким образом, дабы любойразработчик мог разобраться в коде и внести правки самостоятельно. Этоотносится только в продакшен коду готовому к загрузке в git репозиторий.
- Запрещено использование комплексных решений вроде FontAwesome ради вставки пары иконок.