Техническое задание: Подготовка Figma-макетов

Необходимо выполнить техническую подготовку пяти готовых экранов в Figma для последующей передачи в разработку. Основная цель - создать чистую, адаптивную и логически структурированную основу, не меняя дизайн (скругления, шрифты и цвета уже настроены).

Список экранов и задачи

1. Модальное окно «Премиум-тарифы»

  • Упорядочить иерархию слоев.
  • Корректно настроить размытый фон модального окна.
  • Настроить адаптивность всех внутренних элементов.

2. Модальное окно «Премиум активирован»

  • Привести в порядок структуру слоев.
  • Настроить адаптивность компонентов.
  • Обеспечить корректное отображение размытого фона.

3. Экран «История»

  • Реализовать возможность отображения бесконечного списка карточек.
  • Настроить карточки так, чтобы их высота автоматически увеличивалась при большом объеме текста.
  • Собрать аккуратную и понятную структуру компонентов.

4. Экран «Календарь» (Дата)

  • Пересобрать компонент календаря, используя предоставленную цветовую палитру.
  • Настроить адаптивность.
  • Цвет для выделения текущей даты должен соответствовать цветам компонента кнопки в проекте.
  • Требуется отрисовать только один месяц (декабрь 2026 года) - дальнейшая логика будет реализована в верстке.

5. Экран «Время»

  • Создать интерфейс выбора времени в единой стилистике с календарем.
  • Настроить адаптивность компонента.
  • Подготовить четкую и логичную структуру для удобства разработки.

Критерии качества

  • Чистая, логично сгруппированная структура слоев и компонентов.
  • Все экраны и их элементы адаптивны (резиновые или с брейкпоинтами).
  • Компоненты переиспользуемы и правильно настроены.
  • Файл готов к немедленной передаче frontend-разработчику.