Grid — сетка макета

Источник: ds-docs/component-contracts/foundations/grid.md

Источник: стиль сетки Mobile | 375 (3450:10392) оригинала Astra DS, прочитан REST 07.09.2026. Страница FOUNDATION → Grid (26077:23795) в файле пустая: ни одного слоя.

Сетка в системе одна, и живёт она не там, где её ищут. Раздел «Grid» заведён, назван и оставлен пустым, а сама сетка опубликована стилем — единственным стилем сетки файла, и лежит он рядом с разделом Skeleton, а не в фундаментах.

Что в стиле

Три сетки, наложенные друг на друга.

Колонки4 колонки, тянутся по ширине (STRETCH), промежуток 8, поля 16промежуток — space-xs, поля — space-m, число колонок — переменная 26436:3459
Строкишаг 8, промежуток 8, отступ сверху 8, счёт бесконечныйвсё три — space-xs
Клеткаквадрат 8×8, от левого верхнего угла, счёт бесконечныйspace-xs

Ширина, под которую нарисована сетка, — 375: экран iPhone SE / 8. В базе контрактов эта ширина встречается 217 раз в 93 контрактах — это те компоненты, что прибиты к ширине экрана целиком.

Находки

  • Раздел пуст, стиль спрятан. Дизайнер, открывший FOUNDATION → Grid, не увидит ничего. Сетка находится только через панель стилей или через слой, к которому она применена.
  • Число колонок привязано к переменной, которой в файле нет. VariableID:26436:3459 не встречается ни в одной из 22 коллекций оригинала (сверено по справочнику всех 1225 переменных). Промежутки и поля привязаны честно — к space-xs и space-m.
  • Сетка одна и только под мобильный экран. Ни планшета, ни веба: у Navigation Bar есть ось is Web, а сетки под неё нет.
  • Контракты сетку не записывают. В формате нет поля под сетку макета, и это верно: сетка — свойство экрана, а не компонента. layout.direction: grid в трёх контрактах (banner, banner-video, calendar) — это раскладка Figma внутри компонента, к сетке макета отношения не имеющая.

Что из этого следует разработчику

Колоночная сетка в коде не нужна: компоненты тянутся по ширине родителя, а расстояния берутся из space. Единственное, что стоит удержать, — шаг 8: он же space-xs, и на нём стоит вся шкала отступов.

См. также: space, radius, README.