sync

adaptive-layout-requirements.checklist.md

@@ -1,5 +1,7 @@
 # Чеклист приёмки макета (Figma)
 
+> Примечание: в этом чеклисте «обоснованно» означает: по каждому «выбору» (например: `Hug/Fill/Fixed`, wrap/truncate для текста, `Fill/Fit`, `Stretch/Center`) понятно **что выбрано**, **зачем** и **как это ведёт себя** на min/max диапазона и при длинном контенте. Если без пояснения можно понять по-разному — добавлена аннотация/комментарий.
+
 ## 0. Структура файла и нейминг
 - [ ] В файле есть рабочие страницы: Cover / Overview, Design / UI, Components, Styles / Tokens, Responsive / Breakpoints, Prototype (Archive / Old — при необходимости)
 - [ ] Экраны названы по единому правилу (например: `Feature / Screen — Breakpoint`)
@@ -33,7 +35,7 @@
 - [ ] Все контейнеры, списки, карточки, кнопки, хедеры, футеры, сайдбары используют Auto Layout
 - [ ] Padding задан со всех сторон через Auto Layout (без «ручных» отступов)
 - [ ] Spacing между элементами задан через Auto Layout
-- [ ] Режимы ресайза настроены осознанно (`Hug / Fill / Fixed`) для ключевых контейнеров и элементов
+- [ ] Режимы ресайза выбраны обоснованно (`Hug / Fill / Fixed`) для ключевых контейнеров и элементов
 - [ ] При необходимости заданы min/max (для предотвращения поломок на крайних ширинах)
 - [ ] Constraints заданы корректно (Left / Right / Top / Bottom / Center / Scale) там, где Auto Layout не покрывает сценарий
 - [ ] Нет ручного позиционирования или абсолютных размеров без причины
@@ -43,7 +45,7 @@
 ## 4. Сетка / Layout Grid
 - [ ] Layout Grid настроен на фреймах каждого брейкпоинта (колонки соответствуют принятому стандарту)
 - [ ] Margin и gutter заданы и согласованы с версткой
-- [ ] Поведение сетки выбрано осознанно (Stretch/Center — по модели проекта)
+- [ ] Поведение сетки выбрано обоснованно (Stretch/Center — по модели проекта)
 - [ ] Основные блоки выровнены по сетке и используют согласованный шаг отступов
 
 ---
@@ -59,10 +61,13 @@
 
 ## 6. Типографика
 - [ ] Используются Text Styles (`H1 / H2 / Body / Caption / Button` или принятый набор)
-- [ ] Размер шрифта адаптируется между брейкпоинтами (если это предусмотрено)
-- [ ] Line-height задан осознанно (в % или по принятому стандарту)
+- [ ] Используются только бесплатные шрифты (предпочтительно Google Fonts)
+- [ ] Есть коллекция Variables для типографики и Modes под брейкпоинты (например: Mobile/Tablet/Laptop/Desktop — как принято в проекте)
+- [ ] Text Styles используют переменные типографики (минимум размер и line-height; при необходимости letter-spacing)
+- [ ] На фреймах установлен корректный Mode для соответствующего брейкпоинта
 - [ ] Ограничение количества строк соблюдено там, где это критично
 - [ ] Правила для текста определены: перенос или обрезка (truncate), поведение при переполнении проверено
+- [ ] Проверены «экстремальные» тексты, включая одну очень длинную строку без пробелов
 
 ---