Ищем фронтендера: перенести дизайн из Figma в аккуратную вёрстку

Дизайн интерфейса у нас уже отрисован в Figma и утверждён — осталось превратить его в живой фронтенд, который в браузере выглядит ровно так же, как на макете. Проект собран по правилам: компоненты, auto-layout, общая палитра и типографика, переменные отступов, аккуратно названные стили текста. Нужен исполнитель, который умеет читать такую структуру и переносить её без искажений, а не «на глаз». Проверять будем наложением: кладём готовую страницу поверх фрейма и смотрим, совпадают ли размеры, отступы, высота строк и границы элементов.

Отдельно подчёркиваем адаптивность. Страница должна корректно жить на широком мониторе, на планшете и на телефоне, плавно перестраиваясь между брейкпоинтами, а не ломаться на промежуточных ширинах. Разметка — семантичная и доступная: логичный порядок заголовков, подписи у полей, заметный фокус, нормальный контраст, управление с клавиатуры. Поведение одинаковое в свежих Chrome, Firefox, Safari и Edge; наведение, нажатие, отключённое и ошибочное состояния делаем сразу. Разовые стили в обход дизайн-системы не нужны — переиспользуем то, что уже описано.

Ожидаем понятный и поддерживаемый код: осмысленная структура, переиспользуемые блоки, без лишнего и продублированного CSS. Предпочтителен React с современной сборкой, но чистая семантическая связка HTML и CSS тоже устроит. В отклике опишите, как добиваетесь точного попадания в макет.