RAND Brand OS  /  Presentations
AI Guide ↘
04 — Presentations

Presentations

Каноническая система автономных HTML-презентаций RAND: правила для людей, машиночитаемая спецификация для ИИ и живая лаборатория типов слайдов.

Назначение и формат

Презентация RAND — автономная веб-страница. Слайды идут вертикально, сохраняют 16:9 и печатаются по одному на страницу.

1600 × 900

Канонический размер для расчётов. На других экранах слайд масштабируется целиком.

Offline

Показ и печать не зависят от интернета. Контакты остаются кликабельными.

Главные правила

Пять решений, которые определяют любую презентацию RAND.

01

Один слайд — один вывод

У слайда одна функция. Два равноправных вывода разделяются на два слайда.

02

Композиция следует смыслу

Типографика, маршруты, бенто, списки, таблицы, интерфейсы и фотографии чередуются по задаче.

03

Плотность вместо случайной пустоты

Воздух поддерживает иерархию. Слабую композицию нельзя компенсировать мелким текстом.

04

Акцент имеет причину

Зелёный отмечает один главный результат, выбранный этап, итоговую сумму или следующий шаг.

05

Референс даёт решение, а не стиль

Берём композиционный принцип, но не копируем чужой контент, палитру, шрифты и координаты.

Визуальная система

Типографика, цвет и геометрия наследуются из Brand OS, а здесь зафиксировано их применение внутри слайда.

01

Типографика

Golos Text 400–700. Базовый заголовок 58 px, карточка 26 px, основной текст 18–20 px. Сначала меняем композицию, затем сокращаем текст — шрифт не уменьшаем.

02

Цвет

Белый или серый — основа, #101010 — контраст, #9DEC00 — одна доминирующая смысловая зона.

03

Карточки

Внутренний отступ 24 px, расстояние 20 px, радиус 20–25 px. Карточки одной группы подчиняются общей логике выравнивания.

04

Изображения

Фото и 3D используются только по смыслу. Генерация — без текста и логотипов, один главный объект на слайд.

05

Интерфейсы

Реальный скриншот приоритетнее генерации. Экран показывается прямо, крупно и без жёсткого обрезания важных элементов.

06

Системные поля

Оригинальный логотип и тип документа сверху; смысловая подпись и номер страницы снизу. Один разделитель на каждую строку.

Workflow и контроль качества

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

  1. 01

    Бриф

    Цель, аудитория, тип документа, действие и ограничения.

  2. 02

    Контент

    Исходный текст и проверенные цифры, цены, сроки и контакты.

  3. 03

    Структура

    Один вывод и подходящий тип для каждого слайда.

  4. 04

    Визуалы

    Для каждого image-led слайда: свой файл, генерация или без изображения.

  5. 05

    Пилот

    Обложка, плотный контентный слайд и визуальный или интерфейсный слайд.

  6. 06

    Производство

    Автономный index.html и только локальные ресурсы.

  7. 07

    Проверка

    Три размера экрана, печать, переполнение, контакты и все факты.

  8. 08

    Утверждение

    Публикация только после явного согласования результата.

Блокирующая проверка

Нет переполнения, случайных переносов и жёстких обрезаний. Системные поля едины, логотипы оригинальные, факты проверены, PDF содержит ровно по одному слайду 16:9 на страницу.

Презентации

Два самостоятельных 16:9-превью, которые можно прокрутить внутри карточки.

Коммерческое предложение · 8 слайдов

RAND × ZION MUSIC — пример презентации

Примеры слайдов с фотографиями

Лаборатория шаблонов презентаций

Инструкции для ИИ

Каноническая версия 0.4.0. YAML и JSON синхронизированы; элементы управления остаются на русском.

Мастер-промт для презентаций

Скопируйте промт в новый чат и заполните только известные поля. Текст, ссылки, изображения и референсы можно приложить в том же сообщении.

Ты создаёшь презентацию RAND в автономном веб-формате. Не создавай PPTX и не предлагай PowerPoint.

### Источники правил

Перед началом работы открой актуальный источник правил, предоставленный пользователем. Найди в нём раздел Presentations, правила дизайна презентаций, машинные правила, AI-инструкцию, Brand, Foundations, UI Kit и Assets. Используй только материалы, найденные через этот источник. Не используй старые адреса, сохранённые ссылки и правила из памяти.

Если ссылка не указана или обязательный документ недоступен, не начинай создание презентации: запроси источник или явно сообщи, какого документа не хватает.

До создания структуры выведи отчёт:

1. ссылка на источник, предоставленный пользователем;
2. найденные разделы и документы;
3. указанная в них версия или дата;
4. отсутствующие документы;
5. найденные противоречия.

Фразы «правила изучены» недостаточно — перечисли документы явно.

### Данные проекта

- Актуальный источник правил RAND: [ссылку предоставляет пользователь]
- Компания или проект: [Название]
- Тип презентации и подпись справа в верхней строке: [например: коммерческое предложение / стратегия / питч / анализ]
- Цель презентации:[если известно]
- Аудитория: [если известно]
- Главное действие после просмотра: [если известно]
- Желаемое число слайдов: `[если известно]`
- Срок или ограничения: `[если известны]`
- Подтверждённые цены, сроки и числа: `[если есть]`
- Материалы и ссылки: `[можно приложить текст, файлы, фото, скриншоты и референсы одним сообщением]`

Пустое поле не является ошибкой: уточни только действительно недостающие данные.

### Как вести работу

Работай сначала в режиме планирования. Не начинай полную сборку презентации сразу.

1. Задавай от одного до трёх коротких вопросов за сообщение.
2. Не повторяй вопросы, ответы на которые уже есть в сообщении, файлах или переписке.
3. Сначала кратко зафиксируй задачу, аудиторию, тип документа, следующий шаг и ограничения.
4. Затем получи готовый текст или помоги собрать содержание. Не придумывай цены, сроки, показатели, контакты и коммерческие условия.
5. Собери нумерованный план слайдов. Для каждого слайда укажи:
   - один главный вывод;
   - функцию в общей драматургии;
   - предполагаемый тип композиции;
   - необходимый контент;
   - нужен ли визуал.
6. Найди дублирующие функции соседних слайдов и предложи объединение или удаление.
7. Покажи план пользователю и дождись явного согласования. Молчание не является согласием.

Обязательный порядок: проверка источников → фиксация задачи → план слайдов → согласование плана → план визуалов → согласование способа получения каждого визуала → 2–3 пилотных слайда → визуальное согласование пилота → полная сборка → автоматический QA → финальный показ.

Не собирай всю презентацию сразу, если пользователь явно не разрешил пропустить конкретные этапы. Замечание к пилотному слайду не является разрешением начать полную сборку.

### Изображения и интерфейсы

После согласования структуры составь отдельный план визуалов для релевантных слайдов. Для каждого такого слайда предложи выбрать один вариант:

1. пользователь прикладывает собственное фото или скриншот;
2. ИИ генерирует визуал по согласованному контексту;
3. слайд создаётся без изображения.

Если пользователь уже приложил подходящий материал, не спрашивай, нужен ли другой. Уточни только контекст использования и критичные ограничения кадрирования.

Если требуется сгенерированный визуал, сначала согласуй короткий visual brief. В изображении запрещены текст и логотипы. Для людей предпочитай реальные фотографии, а не условный сток.

Главный визуал обложки по умолчанию создавай как отдельный transparent cutout: PNG или WebP с реальным alpha-каналом и прозрачными пикселями, без запечённого фона, текста и логотипов. Не имитируй прозрачность цветом слайда или режимами смешивания. Для cutout запрещён случайный кроп через object-fit: cover. До использования проверь alpha-канал, прозрачные пиксели, края и отсутствие ореола; провал проверки блокирует сборку.

Если нужен экран продукта, дашборд, CRM, админ-панель или форма:

- сначала запроси реальный скриншот;
- если его нет, предложи создать правдоподобный интерфейс под конкретную компанию и задачу слайда;
- уточни только недостающие сведения: компания, отрасль, тип экрана, роль пользователя, главное действие, 3–6 сущностей, состояние данных и доступные фирменные материалы;
- покажи interface visual brief и дождись согласования до генерации;
- не используй чужие логотипы и универсальный дашборд без адаптации;
- важный текст интерфейса создавай средствами HTML, а не внутри сгенерированного изображения.

### Визуальный пилот

До полной сборки создай два или три тестовых слайда:

- обложку или главный имиджевый слайд;
- один плотный содержательный слайд;
- один слайд с фотографией или интерфейсом, если он предусмотрен.

Покажи пилот пользователю и дождись явного визуального согласования. Не превращай замечание к одному проекту в глобальное правило без отдельного подтверждения.

### Формат результата

После всех обязательных согласований создай:

- автономный `index.html`;
- локальную папку `assets` со шрифтами, SVG, логотипами и изображениями;
- слайды 16:9, расположенные вертикально с обычной прокруткой;
- отдельную семантическую секцию для каждого слайда;
- номер каждой страницы;
- режим печати: один слайд — одна страница PDF 16:9 без полей;
- кликабельные сайт, email и Telegram.

Не создавай PPTX. Не подключай внешние шрифты или изображения. Иконки бери из Tabler Icons, сохраняй локально только в SVG и перекрашивай по правилам RAND.

Используй типографику из `typography_px` как единственный источник размеров. На базовом холсте 1600 × 900 px:

- заголовок слайда — 58 px;
- описание слайда — 20 px;
- заголовок карточки — 26 px;
- описание карточки — 16 px.

Для адаптивного HTML применяй единый `design-px`. Не записывай ручные пересчёты вроде `1.625cqw`. Цифры, проценты и знак `₽` должны отрисовываться полным локальным Golos Text без fallback-шрифта.

Перед финальной сборкой отдельно перечисли подтверждённые цены, сроки, проценты, результаты, лицензии, исключения и контакты. Не придумывай коммерческие условия. Если цена или срок не подтверждены, поставь пометку для согласования и останови финальную сборку.

Финальный слайд должен содержать один ясный следующий шаг, крупный визуал, стоимость, срок и предоставленные пользователем кликабельные контакты. Не придумывай отсутствующие контакты.

### Проверка перед сдачей

Проверь презентацию при 1600 × 900, 1920 × 1080 и 1280 × 720:

- нет переполнения, случайных переносов и висящих коротких предлогов;
- заголовки и описания соответствуют типографической шкале;
- верхняя и нижняя системные строки единообразны, разделитель только один;
- номера страниц читаются на любом фоне;
- логотипы без фона и с исходными пропорциями;
- все иконки являются локальными SVG;
- изображения, шрифты и интерфейсы работают офлайн;
- цены, сроки, лицензии и исключения совпадают с подтверждёнными данными;
- контакты кликабельны;
- PDF содержит ровно одну страницу 16:9 на каждый слайд.
- число страниц PDF совпадает с числом слайдов;
- Golos Text загружен во всех используемых начертаниях и корректно показывает строки `0123456789`, `10%`, `120 000 ₽`, `1 000 000 ₽`, `1 неделя`, `01 / 08`;
- cutout обложки имеет реальные прозрачные пиксели, не содержит подложки, текста, логотипа и маскирующего blend mode;
- соседние слайды не повторяют одну и ту же функцию и композицию.

Если проверка выявила ошибку, исправь её и повтори проверку до показа результата. После этого запроси финальное визуальное утверждение пользователя.

Начни с краткого резюме уже понятой задачи и задай не более трёх вопросов, без которых нельзя составить структуру.
Скачать 
schema: "rand.presentation-system"
schema_version: "1.0"
rules_version: "0.4.0"
language: "ru"
status: "canonical"
updated_at: "2026-08-25"

purpose:
  output: "Автономная веб-презентация RAND"
  prohibited_output:
    - "pptx"
    - "powerpoint"
  canonical_artifact:
    entry: "index.html"
    asset_directory: "assets"

source_policy:
  current_rules_source:
    supplied_by_user_each_project: true
    required_before_work: true
    remembered_urls_forbidden: true
    hardcoded_brandbook_domains_forbidden: true
    stop_when_missing_or_unavailable: true
  required_source_report:
    before_outline: true
    fields:
      - "user_supplied_source_url"
      - "discovered_sections_and_documents"
      - "declared_version_or_date"
      - "missing_documents"
      - "conflicts"
  allowed_brand_os_sections:
    - "Brand & Style"
    - "Foundations"
    - "UI Kit"
    - "Assets"
  excluded_brand_os_sections:
    - "Presentations"
    - "Social Media"
  excluded_ai_guide_rules:
    - "Presentation Workflow"
    - "Social Media Workflow"
    - "Presentation Source Rule"
  precedence:
    - "Прямые инструкции пользователя в текущем проекте"
    - "presentation-system.yaml"
    - "presentation-design.md"
    - "Актуальные Brand & Style, Foundations, UI Kit и Assets"
    - "Внешние референсы только как композиционные решения"

format:
  medium: "web"
  slide_ratio: "16:9"
  canonical_width_px: 1600
  canonical_height_px: 900
  screen_flow: "vertical_scroll"
  slide_semantics: "one_section_per_slide"
  responsive_behavior: "scale_whole_slide"
  offline_required: true
  local_assets_required: true
  contacts_clickable: true
  print:
    enabled: true
    page_width: "16in"
    page_height: "9in"
    margin: 0
    one_slide_per_page: true
    print_backgrounds: true

tokens:
  font:
    family: "Golos Text"
    local_only: true
    weights: [400, 500, 600, 700]
    required_glyphs: "cyrillic_latin_digits_percent_ruble"
    numeric_style: "lining_proportional"
    forbid_numeric_fallback: true
    full_local_font_required: true
    unverified_subsets_forbidden: true
  colors:
    brand_green: "#9DEC00"
    brand_green_dark: "#86C900"
    ink: "#101010"
    text: "#4A5565"
    border: "#E5E7EB"
    white: "#FFFFFF"
    gray: "#F4F4F6"
    gray_strong: "#D5D8DD"
  typography_px:
    heading_h1_h2:
      size: 58
      line_height_percent: 110
      weight: 700
    heading_h3:
      size: 26
      line_height_percent: 120
      weight: 700
    subhead:
      size: 20
      line_height_percent: 140
      weight: 600
    body_lead:
      size: 20
      line_height_percent: 140
      weight: 400
    body_standard:
      size: 18
      line_height_percent: 150
      weight: 400
    body_small:
      size: 16
      line_height_percent: 135
      weight: 400
    button_label:
      size: 18
      line_height_percent: 120
      weight: 500
    system_meta:
      min_size: 12
      max_size: 13
  web_typography_scaling:
    design_width_px: 1600
    source_of_truth: "typography_px"
    css_unit_token: "design-px"
    formula: "size_from_typography_px * design-px"
    forbid_manual_cqw_font_sizes: true
  spacing_px:
    card_padding: 24
    card_gap: 20
    card_radius_min: 20
    card_radius_max: 25
    standard_title_top: 113
    min_header_divider_to_title_gap: 36

system_frame:
  horizontal_inset_cqw: 4.25
  header:
    top_cqw: 2.05
    divider_padding_bottom_cqw: 1.05
    left: "RAND logo"
    right: "document_type supplied by user"
    divider_count: 1
  footer:
    bottom_cqw: 1.5
    divider_padding_top_cqw: 0.9
    left: "short slide meaning"
    right: "zero-padded current / total"
    page_number_format: "01 / 08"
    divider_count: 1
  standard_title_top_px: 113
  standard_title_top_formula: "113 * design-px"
  image_background_contrast:
    required: true
    methods:
      - "local gradient"
      - "dark overlay"
      - "alternative crop"

language_rules:
  no_hanging_short_words: true
  nbsp_after:
    - "а"
    - "в"
    - "во"
    - "и"
    - "к"
    - "ко"
    - "на"
    - "о"
    - "об"
    - "от"
    - "по"
    - "с"
    - "со"
    - "у"
    - "за"
    - "из"
    - "для"
    - "до"
    - "без"
    - "над"
    - "под"
    - "при"
    - "про"
  preserve_user_verified_facts: true
  never_invent:
    - "prices"
    - "deadlines"
    - "tariffs"
    - "contact details"
    - "case results"

content_limits:
  standard_title:
    preferred_lines: 1
    max_lines: 2
    max_width_percent: 100
  cover_title:
    max_lines: 3
  slide_description:
    preferred_lines: 1
    max_lines: 2
    max_width_percent: 100
  card_title:
    max_lines: 2
  card_description:
    preferred_lines_max: 4
  bullets:
    min: 3
    max: 6
  rule: "Не уменьшать шрифт ради сохранения слабой композиции; менять сетку или сокращать текст"

color_behavior:
  default_surface: "white_or_gray"
  preferred_green_zones_per_slide: 1
  green_purpose:
    - "key result"
    - "selected step"
    - "total price"
    - "primary action"
    - "single dominant card"
  forbid_random_color_alternation: true

logos:
  format: "svg"
  original_assets_only: true
  preserve_aspect_ratio: true
  background_plate: "forbidden"
  effects_forbidden:
    - "shadow"
    - "outline"
    - "gradient"
    - "rotation"
  variants:
    light_surface: "rand-black.svg"
    dark_surface: "rand-white.svg"
    green_surface: "rand-black.svg"
  missing_partner_logo: "render_name_as_text"

icons:
  format: "svg_only"
  required_library: "Tabler Icons"
  source_url: "https://tabler.io/icons"
  search_language: "en"
  retrieval:
    search_by_semantic_meaning: true
    download_original_svg: true
    save_to: "assets/icons"
    hotlink_forbidden: true
    offline_copy_required: true
    use_current_color_when_possible: true
    remove_foreign_hardcoded_colors: true
    generate_custom_icon_when_tabler_match_exists: false
  semantic_match_required: true
  standard_card:
    placement: "top_left"
    text_alignment: "bottom_left"
    on_white_gray_or_black:
      plate: "#9DEC00"
      icon: "#101010"
    on_green:
      plate: "#101010"
      icon: "#9DEC00"
  route_context_icon:
    plate: false
    placement: "emerging_from_bottom"
    color: "same_hue_as_card_but_darker"
    priority: "secondary_to_text"

composition_rules:
  one_slide_one_conclusion: true
  avoid_repeating_same_layout: true
  density_over_accidental_empty_space: true
  forbid_decorative_vertical_bar_behind_cards: true
  paths:
    five_steps_layout: "3_top_2_bottom_bento"
    numbers_before_title: true
    green_steps_max: 1
  structure_list:
    columns: 2
    card_backgrounds: false
    last_row_bottom_border: false
  interfaces:
    rotation_degrees: 0
    width_percent_min: 55
    width_percent_max: 65
    may_bleed_right_or_bottom: true
    consistent_geometry_within_deck: true
    shadow:
      offset_x: 0
      offset_y: 0
      blur_allowed: true
      spread_allowed: true
      directional_shadow_forbidden: true
    bottom_crop_policy:
      hard_cut_forbidden: true
      critical_controls_must_remain_visible: true
      if_full_screen_must_be_readable: "raise_or_scale_down"
      if_visual_intentionally_bleeds: "apply_bottom_fade"
      fade:
        placement: "separate_slide_overlay_over_interface_zone"
        inside_image_container_forbidden: true
        direction: "transparent_to_slide_surface"
        height_percent_min: 8
        height_percent_max: 12
        recommended_height_percent: 12
        recommended_stops: ["transparent 0%", "surface_88_percent 50%", "surface 70%"]
        fully_opaque_at_footer_divider: true
        interface_content_visible_below_divider: false
        finish_before_system_footer: true
  image_led:
    one_main_visual: true
    ensure_system_meta_contrast: true

slide_types:
  cover:
    purpose: "Тема и обещание"
    required:
      - "title"
      - "parties_or_context"
    optional:
      - "one_3d_visual"
      - "one_photo"
    forbidden:
      - "benefit_grid"
      - "multiple_equal_visuals"
  route_bento:
    purpose: "Путь или последовательность"
    item_count_min: 4
    item_count_max: 6
    five_item_grid: [3, 2]
    green_cards_max: 1
  four_results:
    purpose: "Четыре результата"
    item_count: 4
    allow_asymmetry: true
    optional_emerging_image: true
  eight_icon_cards:
    purpose: "Восемь работ или компонентов"
    grid: [4, 2]
    allowed_surfaces: ["#F4F4F6", "#9DEC00"]
    title_px: 26
    description_px: 16
  structure:
    purpose: "Архитектура продукта, сайта или системы"
    columns: 2
    row_components: ["number", "title", "description"]
  interface_system:
    purpose: "Показать масштабную административную систему"
    left_components: ["title", "description", "3_to_4_results"]
    right_visual: "large_dashboard_or_admin_screen"
    generated_interface_allowed: true
  interface_scenario:
    purpose: "Показать одно действие пользователя"
    left_components: ["title", "description", "3_results"]
    right_visual: "single_large_form_or_working_screen"
    generated_interface_allowed: true
  experience:
    purpose: "Показать опыт RAND"
    left: "large_case_photo_with_short_overlay_conclusion"
    right: "six_gray_case_cards_in_3_by_2_grid"
    case_card_components: ["name", "industry", "divider", "scope", "optional_nda"]
  budget_table:
    purpose: "Показать распределение стоимости"
    columns: ["stage", "team_result", "price"]
    header_optional: true
    total_row_surface: "#9DEC00"
    price_alignment: "right"
  licenses:
    purpose: "Показать отдельные расходы"
    top_cards: 2
    bottom_warning_cards: 1
  photo_with_text:
    purpose: "Сделать фотографию главным визуалом"
    text: "title_only"
    title_placement: "lower_left"
  photo_without_text:
    purpose: "Показать фотографию без пояснения"
    keep_only: ["system_header", "system_footer"]
  final:
    purpose: "Зафиксировать следующий шаг"
    required: ["call_to_action", "price", "deadline", "contacts"]
    facts_flow: "vertical"

image_policy:
  cover_visual:
    default_mode: "transparent_cutout"
    transparent_background_required: true
    alpha_channel_required: true
    transparent_pixels_required: true
    baked_background_forbidden: true
    blend_mode_background_removal_forbidden: true
    object_fit_cover_forbidden_for_cutout: true
    text_inside_image_forbidden: true
    logo_inside_image_forbidden: true
    preserve_natural_proportions: true
    protect_title_price_logo_and_system_fields: true
    qa_failure_blocks_production: true
  decision_required_per_image_slide: true
  modes:
    user_asset:
      priority: 1
      ask_for:
        - "photo_or_screenshot"
        - "usage_context"
        - "crop_constraints"
    generated:
      priority: 2
      approval_before_generation: true
      forbid_text: true
      forbid_logos: true
      one_subject_per_slide: true
      transparent_background_when_cutout: true
    no_image:
      priority: 3
      use_when: "visual_does_not_add_meaning"
  people:
    prefer_real_photos: true
    reject_generic_stock: true
  interface_generation:
    prefer_real_product_screenshot: true
    generate_when_missing: true
    proactively_offer_generation_when_useful: true
    company_context_required: true
    reuse_generic_dashboard_without_adaptation: false
    context_fields_required:
      - "company"
      - "industry"
      - "screen_type"
      - "user_role"
      - "primary_action"
      - "3_to_6_entities"
      - "data_state"
      - "available_brand_assets"
    forbid_foreign_logos: true
    important_copy_must_be_html: true
    if_user_explicitly_requests_generation:
      ask_whether_to_generate_again: false
      ask_only_missing_context: true
      next_step: "approve_interface_visual_brief"

workflow:
  plan_mode:
    required: true
    description: "Сначала вопросы и согласование, затем производство"
    questions_per_message_min: 1
    questions_per_message_max: 3
    do_not_repeat_known_answers: true
    accept_text_and_references_in_one_message: true
  stages:
    - id: "intake"
      goal: "Определить задачу"
      ask_only_missing:
        - "presentation_goal"
        - "audience"
        - "document_type_for_header"
        - "desired_next_action"
        - "deadline_or_constraints"
      output: "brief_summary"
    - id: "content"
      goal: "Получить или собрать содержание"
      ask_only_missing:
        - "ready_text_or_need_help"
        - "verified_numbers_prices_deadlines"
        - "required_contacts"
      allow_user_to_send:
        - "all_text_in_one_message"
        - "references_in_same_message"
        - "files"
      output: "content_draft"
    - id: "outline"
      goal: "Собрать драматургию"
      actions:
        - "remove_duplicate_slide_functions"
        - "assign_one_conclusion_per_slide"
        - "choose_candidate_slide_type"
      output: "numbered_slide_outline"
      approval_gate: true
    - id: "imagery"
      goal: "Определить визуалы"
      ask_per_relevant_slide:
        - "generate"
        - "user_photo_or_screenshot"
        - "no_image"
      if_generate_ask:
        - "context"
        - "subject"
        - "required_background"
      output: "visual_asset_plan"
      approval_gate: true
    - id: "interface_visual_brief"
      goal: "Подготовить контекст для сгенерированного интерфейса"
      run_when: "a slide needs a generated dashboard, admin panel, form or product screen"
      skip_when: "the user supplied an approved real screenshot"
      ask_only_missing:
        - "company"
        - "industry"
        - "screen_type"
        - "user_role"
        - "primary_action"
        - "3_to_6_entities"
        - "data_state"
        - "available_brand_assets"
      if_user_already_requested_generation:
        do_not_ask_permission_again: true
      output: "interface_generation_brief"
      approval_gate: true
    - id: "visual_pilot"
      goal: "Проверить дизайн до полной сборки"
      actions:
        - "build_cover_or_key_slide"
        - "build_one_dense_content_slide"
        - "build_one_image_or_interface_slide_when_present"
      output: "2_to_3_pilot_slides"
      approval_gate: true
    - id: "production"
      goal: "Собрать полную веб-презентацию"
      requires_all_previous_approvals: true
      output: "index_html_and_local_assets"
    - id: "qa"
      goal: "Проверить результат"
      output: "qa_report"
    - id: "final_approval"
      goal: "Получить визуальное утверждение"
      approval_gate: true
      rules_update_allowed_after_approval_only: true

approval_policy:
  mandatory_gates:
    - "rules_source_check"
    - "outline"
    - "imagery_plan"
    - "visual_brief"
    - "visual_pilot"
    - "final_approval"
  user_may_explicitly_skip_gate: true
  silence_is_not_approval: true
  production_forbidden_before_pilot_approval: true
  pilot_feedback_is_not_production_approval: true
  never_publish_to_brand_os_without_explicit_approval: true
  never_convert_single_project_feedback_into_global_rule_without_confirmation: true

qa:
  font_qa:
    family: "Golos Text"
    full_local_font_required: true
    unverified_subsets_forbidden: true
    required_weights: [400, 500, 600, 700]
    required_glyphs:
      - "cyrillic"
      - "latin"
      - "digits"
      - "percent"
      - "ruble"
      - "non_breaking_space"
    test_strings:
      - "0123456789"
      - "10%"
      - "120 000 ₽"
      - "1 000 000 ₽"
      - "1 неделя"
      - "01 / 08"
    browser_font_api_check_required: true
    font_file_glyph_check_required: true
    failure_blocks_delivery: true
  viewports:
    - [1600, 900]
    - [1920, 1080]
    - [1280, 720]
  checks:
    - "no_text_overflow"
    - "no_accidental_wraps"
    - "no_hanging_short_words"
    - "standard_title_and_description_scale"
    - "consistent_system_header_and_footer"
    - "single_header_and_footer_divider"
    - "visible_page_numbers"
    - "svg_icons_only"
    - "tabler_icons_downloaded_locally"
    - "correct_icon_color_pairing"
    - "interface_shadow_offset_x_y_zero"
    - "interface_has_no_hard_bottom_cut"
    - "interface_fade_or_reposition_preserves_footer_readability"
    - "generated_interface_matches_company_and_slide_context"
    - "logo_without_background"
    - "logo_aspect_ratio_preserved"
    - "offline_assets_load"
    - "clickable_contacts"
    - "verified_prices_and_deadlines"
    - "verified_percentages_results_licenses_exceptions_and_contacts"
    - "cover_cutout_has_real_alpha_and_transparent_pixels"
    - "cover_cutout_has_no_baked_background_text_logo_or_edge_halo"
    - "no_blend_mode_background_removal"
    - "golos_text_required_glyphs_render_in_every_used_weight"
    - "composition_varies_between_adjacent_slides"
    - "one_pdf_page_per_slide"
    - "pdf_page_ratio_16_9"
    - "pdf_page_count_matches_slide_count"
  failure_behavior:
    blocking: true
    action: "fix_and_repeat_qa"

publication:
  brandbook_integration: "authorized"
  requirements:
    - "visual_review_inside_brandbook"
    - "explicit_user_approval"
    - "version_status_canonical"

Правила дизайна презентаций

Композиция, визуальная логика и пояснения для людей и ИИ.

Скачать presentation-design.md
Скопировано