Пространство слайда

Сетка и отступы

Сетка формирует визуальный каркас слайда и обеспечивает согласованность элементов.
Все объекты должны располагаться внутри модулей сетки.

Формат и сетка слайда

Количество модулей позволяет адаптировать размеры блоков.

Размер слайда: 1920 × 1080 px (соотношение сторон — 16:9)

Рабочая сетка: 12 колонок × 24 строки (модуль — 64 px)

Интервал между модулями — 8 px

Сейф-зона

Запрещено располагать информацию в сейф-зонах (за исключением фотографий и иной графики, размещаемой «на вылет»).

По бокам: 100 px

Снизу: 48 px

Сверху: 176 px (включает зону для заголовка)

Отступ от верхнего края до текста заголовка: 48 px

Пространство слайда и система бенто-модулей

Информацию слайда мы размещаем в двух вариантах:

Внутри бенто-модулей, построенных по сетке;

По сетке вне бенто-модулей.

показать сетку
антипример
пример

Бенто-модули второго уровня

Если внутри одного модуля требуется дополнительная структура, можно использовать внутренние уровни модулей.

Внутренние блоки размещаются внутри бенто-контейнеров первого уровня. Привязка к модульной сетке для них не является обязательной, но может использоваться, если размеры вложенного блока также кратны модулю сетки и позволяют корректно встроиться в структуру.

Для бенто-блоков второго уровня действуют обязательные нормы оформления:

Интервал между внутренними модулями — 8 px;

Отступ от края модуля первого уровня — 32 px.

антипример
пример

Скругления

При использовании бенто-модулей им задаются скругления, радиус которых равен половине размера модуля сетки.

Классический размер — 32 px. Используется в большинстве слайдов

Малое скругление — 16 px. Такие скругления используются для бенто-модулей малого размера и второго уровня (когда он расположен внутри основного модуля)

На одном уровне модулей в слайде может использоваться только один из вариантов скруглений.
Так, если в слайде имеются бенто-модули малого размера, то скругления в 16 px будут применяться для всех остальных модулей в слайде.