sync

adaptive-layout-requirements.short.md

@@ -1,5 +1,7 @@
 # Требования к адаптивному дизайну в Figma (Сжатая версия)
 
+> Примечание: в этом документе «обоснованно» означает: по каждому «выбору» (например: `Hug/Fill/Fixed`, wrap/truncate для текста, `Fill/Fit`) понятно **что выбрано**, **зачем** и **как это ведёт себя** на min/max диапазона и при длинном контенте.
+
 ## 1. Структура файла Figma
 Рекомендуемая структура:
 
@@ -44,7 +46,7 @@
 > Макет некорректен, если работает только на базовой ширине.
 
 ### 2.4. Реализация в Figma
-- **Обязательно:** Auto Layout на всех контейнерах, осознанные `Hug / Fill / Fixed`, Constraints, min/max width для ключевых блоков.  
+- **Обязательно:** Auto Layout на всех контейнерах, обоснованный выбор `Hug / Fill / Fixed`, Constraints, min/max width для ключевых блоков.
 - **Запрещено:** ручное позиционирование без Auto Layout, абсолютные размеры без необходимости, дубли фреймов для адаптивности.
 
 ---
@@ -71,9 +73,11 @@
 ---
 
 ## 5. Типографика
-- Только через **Text Styles** (`H1 / H2 / Body / Caption / Button`)  
-- Размеры шрифтов могут меняться между брейкпоинтами  
-- Line-height в %, ограничения по количеству строк  
+- Только через **Text Styles** (семантика: `H1 / H2 / Body / Caption / Button`)
+- Только бесплатные шрифты (предпочтительно **Google Fonts**)
+- Значения типографики (минимум размер и line-height) — через **Variables**
+- Адаптация между брейкпоинтами — через **Modes** в Variables (Mobile/Tablet/Laptop/Desktop)
+- Для ключевых текстов определены правила: wrap/truncate и max lines
 
 ---
 
@@ -90,7 +94,7 @@
 ---
 
 ## 8. Изображения и медиа
-- Использовать `Fill / Fit` осознанно  
+- Использовать `Fill / Fit` обоснованно
 - Safe area для обрезки  
 - Поддержка разных соотношений сторон  
 - Форматы и размеры соответствуют проекту