Правило системного дизайна по феншую: внутренний ≤ внешний интервал делиться на 4
Большинство экранов и CSS-систем живут в 4px / 8px логике: 4 px — минимальный атом, меньше шум. Ты не видишь проблему — но мозг её чувствует. Если дизайнер ставит «рандомные» отступы: программист получает: margin: 13px 17px 22px 19px; Если всё кратно 4: margin: 16px 24px; Если завтра: кратные 4 масштабируются, а случайные — ломаются. 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 64 (но 4px остаётся атомом) 8 — мелкие отступы
16 — стандарт
24 — между блоками
32 — секции
48+ — крупные зоны Вертикальные отступы: Горизонтальные: Простейшие рабочие пары: Например: Не равняй всё одинаково...