Техническое задание: Верстка по макету Figma
Основная задача
Необходимо сверстать веб-страницу, полностью соответствующую предоставленному макету в Figma. Макет включает все необходимые элементы, тексты и задания от дизайнера.
Ключевые требования
- Pixel-perfect верстка: Точное соответствие макету по размерам, отступам и типографике.
- Полная адаптивность: Корректное отображение на всех типах устройств и разрешениях экрана (десктоп, планшет, мобильные).
- Кроссбраузерность: Совместимость с современными браузерами.
- Анимации: Добавление нескольких плавных и ненавязчивых анимаций для улучшения пользовательского опыта (детали уточняются с исполнителем).
- Чистота кода: Семантическая, валидная и хорошо структурированная верстка.
Что предоставляется
- Ссылка на макет в Figma со всеми слоями и состояниями элементов.
- Все графические ресурсы (изображения, иконки).
- Текстовое содержимое и все пояснения, оставленные дизайнером в макете.
Ожидаемый результат
Готовая, полностью рабочая HTML-страница с CSS и, при необходимости, минимальным JavaScript для анимаций. Все элементы должны быть кликабельны и интерактивны согласно логике макета.