Техническое задание: Верстка сайта из Figma

Основная задача

Необходимо преобразовать статичный макет из дизайн-системы Figma в полностью рабочий, адаптивный HTML/CSS код.

Ключевые требования

  • Верстка должна быть семантически корректной и валидной.
  • Сайт должен быть полностью адаптивным (responsive) и корректно отображаться на основных разрешениях экранов (десктоп, планшет, мобильные устройства).
  • Все интерактивные элементы (кнопки, ссылки, формы) должны иметь соответствующие состояния (hover, active, focus).
  • Верстка должна точно соответствовать предоставленному макету по шрифтам, отступам, размерам и цветам.
  • Оптимизация графики для веба (при необходимости).
  • Конечный результат должен быть упакован в архив (ZIP или RAR) и содержать все необходимые файлы (HTML, CSS, изображения, шрифты).

Ожидаемый результат

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