Система вёрстки презентаций

Живые законы вёрстки презентаций Radugadesign. Выведены из эталонного дека и пополняются по мере работы. Отсюда собираются новые деки — руками или агентом.

Источник · presentation-methodology / deck-dna.yaml · v1 · 2026-07-09
01 — Холст и поле
  • Формат 16:9 — 10″ × 5.625″ (9144000 × 5143500 EMU).
  • Единое левое поле 0.256″ — опорная вертикаль, от неё стартует весь контент: заголовок, тело, подписи.
  • Правая текст-колонка на «чистых» слайдах — от 5.8″, ширина ≈ 3.85″.
02 — Постоянный хром
  • Заголовок — Inter Medium 20pt, белый, top-left.
  • Номер страницы — Inter 7pt в белом кружке, по центру низа.
  • Копирайт — Helvetica Neue 7pt, вертикально по правому краю.
  • Обложку и аутро под хром не подгонять — своя типографика.
04 — Грамматика плиток
  • Живая раскладка с осознанными наложениями краёв — как в Elementor, не аккуратная сетка.
  • Все плитки скруглены (~0.109″, запечено в файл).
  • Новое медиа не заходит на текст и не перекрывает другие плитки — целиться в свободную зону.
  • Гифки не перекруглять повторно — replaceImage статикой замораживает анимацию.
  • Углы проверять на увеличенном кропе, не на общем виде слайда — мелкий радиус там сглаживается.
03 — Типо-шкала
  • ЗаголовокInter Medium · 20pt · #ffffff
  • Тело слайдаInter · 12pt · #e7e7e7
  • Подпись «Визуальные приёмы»Inter · 9pt · #ffffff
  • Служебное (номер, копирайт)Inter / Helvetica Neue · 7pt
  • ОбложкаInter Medium · 26pt + 20pt
  • АутроInter Medium · 56pt
03 — Цвет текста · тёмный фон
  • Заголовок#ffffff
  • Тело#e7e7e7
  • Акцент#ffffff
  • Копирайт#efefef
05 — Архетипы слайдов
  • ОбложкаФон во всю ширину + лого + заголовок 26 + подзаголовок 20 + футер.
  • Чистый контентОдна большая скруглённая картинка слева (~половина), текст-колонка справа.
  • МудбордРоссыпь скруглённых плиток с наложениями; заголовок top-left, подпись bottom-left; микс фото + гифок.
  • Слайд-выборN равных плиток в ряд с нумерованными подписями под ними.
  • АутроФон во всю ширину + лого + слоган 56pt + контакты.