gromov/figma-adaptive-standards
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sync

Browse Source
This commit is contained in:
S. Gromov
2026-01-13 16:46:32 +03:00
parent af78b83cc4
commit c8318bdf1d
3 changed files with 22 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
adaptive-layout-requirements.short.md
View File

@@ -20,12 +20,14 @@
## 2. Брейкпоинты и адаптивность
### 2.1. Якорные брейкпоинты
| Версия | Базовая ширина | Диапазон |
|---------|----------------|---------------|
| Mobile | 375 px | 320 – 768 px |
| Tablet | 768 px | 768 – 1024 px |
| Laptop | 1024 px | 1024 – 1440 px|
| Desktop | 1440 px | 1440 – 1920 px|
| Версия | Базовая ширина | Диапазон (CSS px) |
|---------------|----------------|-------------------|
| Mobile | 375 px | 360 – 479 px |
| Mobile Wide | 560 px | 480 – 767 px |
| Tablet | 992 px | 768 – 1023 px |
| Laptop | 1280 px | 1024 – 1439 px |
| Desktop | 1640 px | 1440 – 1920 px |
- Каждый брейкпоинт — отдельный Frame в Figma.
- Количество брейкпоинтов **может корректироваться** (визуальная иерархия, контент, сетка, навигация).
@@ -76,7 +78,7 @@
- Только через **Text Styles** (семантика: `H1 / H2 / Body / Caption / Button`)
- Только бесплатные шрифты (предпочтительно **Google Fonts**)
- Значения типографики (минимум размер и line-height) — через **Variables**
- Адаптация между брейкпоинтами — через **Modes** в Variables (Mobile/Tablet/Laptop/Desktop)
- Адаптация между брейкпоинтами — через **Modes** в Variables (Mobile/Mobile Wide/Tablet/Laptop/Desktop)
- Для ключевых текстов определены правила: wrap/truncate и max lines
---