YTUVIE · лаборатория AI-контента · дизайн-система

Библиотека видов экранов

версия 12обновлено 20 сентября 2026, 22:36

Все виды экранов канала: когда применять, когда не применять, лимиты, контракт данных и настоящие примеры из урока 01. Отметьте примеры, напишите, что не так, и нажмите кнопку внизу — получите список для чата и ссылку, по которой я открою ровно эти отметки.

29видов экрана

142примеров из урока 01

14заявок на показ

18находок

Как этим пользоваться

Ищете вид под задачу — читайте «когда применять» и «когда НЕ применять»: второй список всегда называет вид-замену.
Хотите сослаться на конкретный экран — нажмите 🔗 на нём: ссылка ляжет в буфер.
Хотите что-то переделать — поставьте галочку на примере или на карточке вида, напишите заметку внизу и нажмите «Сохранить и скопировать».
В буфер попадут сразу две вещи: список словами — его вставляйте в чат, и ссылка — по ней я открою страницу с вашими отметками.
Нужен вид, которого нет, — кнопка «+ нужен новый вид»: заметка уйдёт отдельной строкой.

каноны канала

Что решается до выбора вида

Слайд эксперта перерисовываем, а не вставляем

Единственное исключение — framed_shot, и он заперт списком разрешённых id. Всё остальное, что эксперт показывал на своих слайдах, пересобираем своими видами.

Один янтарный акцент, не больше двух работ на экран

Янтарь #FFC03A — единственный цвет помимо светлой основы и графита. Две работы: например, кромка панели и подсветка одного пункта. Третья работа обесценивает первые две.

На картинке нет слов про механику сценария

Запрещены «обещание», «хук», «тизер», «подводка», «переход между блоками», «финальная плашка», «призыв» — и любое служебное слово рядом со словом про структуру. Это держит код: ts_common.mech_hit, а apply_redraw отказывает во всём экране при первом же попадании.

Экран объясняет, а не пересказывает речь

Если текст на картинке дословно повторяет то, что звучит в эту секунду, экран не нужен. Исключение — крупная фраза и крупный вопрос: повтор речи и есть их работа.

Зритель смотрит урок, а не встречу

На экране — «урок», «тема», «блок», «глава». «Встреча» это наше производственное слово: так называется зум-сессия, на которой эксперт записал материал. Зрителю оно ничего не говорит. Слова «урок» и «модуль» не употребляем — так решено по каналу.

На картинке только крупный текст, никакой технической информации

Ни плашек DRAFT, ни путей к файлам, ни служебных пометок. Техническая информация — подписью под картинкой в доке, а не на самой картинке.

Один тезис — один экран

Текст от 48 px, иначе с плеера не читается. Title-safe 192 / 108 проверяет DOM-QC при рендере: вылез за поле или не влез в блок — экран не принимается.

Палитра и шрифты

Источник истины — YTs/YTUVIE/preprod_profile.json → design. Рендер 4K читает зеркало review_profile.json → style.mockup.palette, поэтому сборщик их сверяет при каждом запуске.

Основа (светлая)

#F2F3F1bg

#FAFAF9card

#E0E1DEplate

#CFD1CDfield_border

#DEDFDBline

#BFC1BCbtn_light_hover_border

Текст

#16181Ctext

#5A5E65text_sec

#9BA0A6placeholder

Графит

#23262Bgraphite

#2C3037graphite_card

#121418graphite_hover

#363B44timer_cell

#3A3F47dark_line

#454A53dark_field_border

#5A6069dark_bullet

#1B1E23dark_field

#20242Adark_field_focus

#8C939Cdark_field_focus_border

#6E747Ddark_placeholder

Текст на тёмном

#FFFFFFon_dark_title

#F4F5F3on_dark_btn_text

#D6DAE0on_dark_text

#A5AAB2on_dark_sec

#8D939Bon_dark_caption

Акцент

#FFC03Aaccent

Плюс подарочная карточка (4 цвета) и единственный цветной кадр HeyGen (6 остановок градиента на подложке #1B1C22).

✅ Зеркало сходится: 37 цветов в профиле, 37 в зеркале, ни одного расхождения по значению. Расходятся только ИМЕНА ключей — text→ink, accent→amber, graphite→g, а gift и heygen_mock расплющены. См. находку №11.

Шрифты: Onest — заголовки и текст, JetBrains Mono — метки, цифры, служебное. Янтарь делает не больше 2 работ на экран. Маркеры списков — ромбы, радиусы 12 / 9 px (×3 для 4K).

Геометрия кадра

Все виды рисуются в одном кадре 3840×2160. Числа ниже — не рекомендация, а то, по чему считаются лимиты знаков в каждой карточке.

что	px	зачем
кадр	3840 × 2160	нативное 4K, текст вёрсткой, а не картинкой
title-safe	192 / 108	DOM-QC не принимает экран, вылезший за это поле
поле контента	252 / 238 / 3336	левый край, верх, ширина — от них считаются лимиты
минимальный кегль	48	ниже текст не читается с плеера на телефоне
радиусы	36 / 27	токены 12 / 9 × 3

A · Заголовки

Как называется то, что зритель сейчас смотрит. Мало текста, крупный кегль

topic_titleТема урокановоеalphalayouts_uvieв уроке 01 не применялся

Спикер в кадре целиком, поверх — затемнение и тема урока по центру. Самый сильный заголовок канала.

Урок 01

Контент-завод

Как выпускать тридцать роликов в месяц, садясь на камеру один раз

живое превью на демо-данных: в уроке 01 вид не применялся (собирали без шаблонных раскладок). Это настоящий рендер, уменьшенный в пять раз.

Когда применять

Начало урока: зритель должен за секунду понять, на что он попал.
Тема умещается в два-три слова — она название, а не предложение.
Эксперт уже в кадре и говорит: заголовок ложится поверх, речь не прерывается.
Один раз на урок. Второй такой экран обесценит первый.

Когда НЕ применять

Это начало главы внутри урока, а не самого урока → title
Нужно показать маршрут урока целиком → chapter_steps
Спикера в кадре нет и кадр брать неоткуда → title
Это утверждение эксперта, а не название → big_phrase

Лимиты

что	знаков	откуда
заголовок	34	LIMITS_BY
метка	40	LIMITS
пункт	80	LIMITS_BY
пунктов	2	LIMITS_BY
подпись	90	LIMITS

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	тема урока, два-три слова
accent	строка	—	фрагмент темы янтарём; должен быть подстрокой title
eyebrow	строка	—	моно-метка над темой: «Урок 01»
sub	строка	—	одна строка — о чём урок
size	число	—	потолок кегля, по умолчанию 300; вниз шагает сам

Системные коды блоков («01A», «03A») на экран не пускаем: это наши адреса, а не слова зрителя.

Затемнение поверх кадра — от 52 % сверху до 80 % снизу: лицо остаётся видно, текст читается.

Готовый JSON

{
 "eyebrow": "Урок 01",
 "title": "Контент-завод",
 "accent": "завод",
 "sub": "Как выпускать тридцать роликов в месяц, садясь на камеру один раз"
}

Где живёт: layouts_uvie → topic_title · LIMITS_BY[topic_title]

titleЗаголовок главыdark | lightlayouts_uvieв уроке 01 не применялся

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

Агент, который приносит темы

Системный промпт под вашу нишу

Когда применять

Открывается глава внутри урока, и её надо назвать словами.
Текста мало: заголовок умещается в две строки крупным кеглем.
К названию нужна одна поясняющая строка — что внутри главы.

Когда НЕ применять

Это тема всего урока, и спикер в кадре → topic_title
Нужно показать, какая это глава по счёту из скольких → chapter_steps
Напомнить название, не прерывая речь → chapter_bar
Это вопрос, на который отвечает глава → question_card
Это утверждение эксперта его же словами → big_phrase

Лимиты

что	знаков	откуда
заголовок	44	LIMITS_BY
метка	40	LIMITS
пункт	80	LIMITS_BY
пунктов	2	LIMITS_BY
подпись	90	LIMITS

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	название главы
accent	строка	—	фрагмент заголовка янтарём
eyebrow	строка	—	моно-метка; системные коды блоков сюда не пишем
sub	строка	—	одна строка пояснения
theme	«light»	—	светлый вариант вместо графитового
size	число	—	потолок кегля, по умолчанию 250

Кегль вырос со 190 до 250, а лимит заголовка упал с 48 до 44 знаков: крупный текст — значит короткий текст. Не влезает — это не заголовок, а подзаголовок.

Готовый JSON

{
 "title": "Агент, который приносит темы",
 "accent": "приносит темы",
 "sub": "Системный промпт под вашу нишу"
}

Где живёт: layouts_uvie → title · LIMITS_BY[title]

chapter_stepsПрогресс по главамновоеdarklayouts_uvieв уроке 01 не применялся

Главы урока карточками в ряд: пройденные закрашены, текущая янтарная. Видно, где зритель и сколько осталось.

Зачем завод

Что нужно алгоритму

Схема цеха

Инструменты

Задание

Когда применять

Глав от трёх до семи, и у каждой короткое имя в два-три слова.
Зритель должен видеть весь маршрут урока и своё место в нём.
Ставим на входе в каждую главу — тогда прогресс читается как движение.

Когда НЕ применять

Нужны подпункты внутри одной главы, а не список глав → chapter_card
Глав больше семи — карточки станут нечитаемыми → chapter_card
Это порядок действий зрителя, а не структура урока → steps
Надо только напомнить имя текущей главы → chapter_bar

Лимиты

что	знаков	откуда
заголовок	48	LIMITS_BY
метка	40	LIMITS
пункт	44	LIMITS_BY
пунктов	7	LIMITS_BY
подпись	90	LIMITS
рендер режет после	7	items — совпадает с лимитом

Контракт данных

ключ	тип	обяз.	что это
items	список строк	да	имена глав, от трёх до семи, по два-три слова
active	число	—	индекс текущей главы, считая с нуля; по умолчанию первая
title	строка	—	заголовок над рядом карточек
eyebrow	строка	—	моно-метка
size	число	—	кегль заголовка, по умолчанию 150

Готовый JSON

{
 "eyebrow": "Путь урока",
 "active": 2,
 "items": [
  "Зачем завод",
  "Что нужно алгоритму",
  "Схема цеха",
  "Инструменты",
  "Задание"
 ]
}

Где живёт: layouts_uvie → chapter_steps · LIMITS_BY[chapter_steps]

chapter_cardЗаставка главы и путь урокаdarkinfographics_uvie95 в уроке 01

Графит на весь кадр: номер главы, название и подпункты. С ключом active та же карточка становится «путём».

C01 · chapter_card

01B-01 · вся глава

C06-02 · chapter_card

01A-05-r2 · Захват внимания за секунды

C13-04 · chapter_card

01B-07-r4 · Все описания на руках

ещё 92 в галерее ниже — якоря #e-…

Когда применять

Начинается новая глава — ставим на входе, три-четыре секунды без речи.
Зритель должен понять, где он в уроке: подпункты показывают маршрут главы целиком.
Нужен «путь» — тот же вид с active и progress: текущий подпункт белый с янтарным ромбом, пройденные обычные, будущие приглушены.
Нужен переход между главами — та же заставка с пустым items: только номер и название.

Когда НЕ применять

Напомнить, где мы, не прерывая рассказ → chapter_bar
Глава короче двух минут: полный кадр съест больше, чем добавит
Это не навигация, а объявление темы без маршрута → title
Подпунктов больше пяти — окно пути покажет пять и допишет «… ещё N»

Лимиты

что	знаков	откуда
заголовок	56	LIMITS_BY
метка	40	LIMITS
пункт	48	LIMITS_BY
пунктов	5	LIMITS_BY
подпись	90	LIMITS
рендер режет после	5	items — совпадает с лимитом

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	название главы
items	список строк	—	подпункты главы, до пяти в окне; пустой список — режим перехода между главами
eyebrow	строка	—	моно-метка: «Глава 5 · 01A-05»
active	число или пусто	—	индекс текущего подпункта — включает режим «путь»
progress	строка	—	«3 / 11» — дописывается к метке через ·
more_after	число	—	сколько подпунктов осталось за окном — рисует «… ещё N»
more_before	число	—	⚠️ план его пишет, рендер не читает — см. находку 7
size	число	—	кегль заголовка, по умолчанию 176

Путь — не отдельный вид, а тот же chapter_card с active и progress. В уроке 01 таких кадров 82: по одному на строку.

Находки по этому виду: №7 План писал more_before, рендер читал только more_after, №12 Янтарь делал три работы вместо двух: полоса сверху, метка и

Готовый JSON

{
 "eyebrow": "Глава 5",
 "title": "Что нужно алгоритму",
 "active": 1,
 "progress": "3 / 11",
 "items": [
  "Регулярность без пауз",
  "Обучить алгоритм нише",
  "Первые три секунды",
  "Досмотр до конца"
 ],
 "more_before": 1,
 "more_after": 6
}

Где живёт: infographics_uvie → chapter_card · LIMITS_BY[chapter_card] · REQUIRED[chapter_card]

chapter_barМетка главы поверх кадраalphalayouts_uvieв уроке 01 не применялся

Узкая светлая плашка-пилюля сверху слева: янтарная точка, номер главы и название. Речь не прерывается.

Глава 2 из 5Системный промпт

Когда применять

Прошло несколько минут внутри главы, и зритель потерял, о чём она.
Нужно закрепить место, не отдавая под это целый кадр.
Название короткое: плашка не переносит строку — длинное уедет за край.

Когда НЕ применять

Глава только начинается — вход в главу держит полный кадр → chapter_card
Нужно показать маршрут главы, а не только её имя → chapter_card
Нужно имя человека в кадре, а не имя главы → lower_third

Лимиты

что	знаков	откуда
заголовок	48	LIMITS
метка	40	LIMITS
пункт	60	LIMITS
пунктов	6	LIMITS
подпись	90	LIMITS

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	название главы, в одну строку
eyebrow	строка	—	моно-метка: «03A · 2 из 5»

Текст не переносится (white-space: nowrap) — длину проверяем глазами, DOM-QC поймает выход за title-safe.

Готовый JSON

{
 "eyebrow": "Глава 2 из 5",
 "title": "Системный промпт"
}

Где живёт: layouts_uvie → chapter_bar

B · Структурные элементы

Кто в кадре, чем всё кончается и что дальше

lower_thirdТитр спикераalphalayouts_uvieв уроке 01 не применялся

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

Анатолий Бокорев

основатель BP Marketing

12 лет в маркетинге · обучил более 5000 предпринимателей

Когда применять

Эксперт заговорил впервые за урок — одно появление, шесть-восемь секунд.
Зритель видит человека первый раз и ещё не знает, кто это и почему ему верить.
Спикер в кадре целиком: титр ложится поверх, а не вместо него.
К имени есть чем добавить доверия — одна строка регалий, не три.

Когда НЕ применять

Титр уже был в этом уроке: второй читается как сомнение в памяти зрителя
Нужна не подпись человека, а место в уроке → chapter_bar
Спикера в кадре нет — титр висит над пустотой
Регалий много и они не влезают в строку

Лимиты

что	знаков	откуда
заголовок	40	LIMITS_BY
метка	40	LIMITS
пункт	65	LIMITS_BY
пунктов	3	LIMITS_BY
подпись	90	LIMITS

Контракт данных

ключ	тип	обяз.	что это
name	строка	да	имя; принимается и title
role	строка	—	роль моно-капсом; принимается и eyebrow
note	строка	—	одна строка регалий под ролью — чем он это заслужил

Имя выросло со 104 до 136 px и не переносится: длинное имя выйдет за title-safe, и DOM-QC его завернёт.

Готовый JSON

{
 "name": "Анатолий Бокорев",
 "role": "основатель BP Marketing",
 "note": "12 лет в маркетинге · обучил более 5000 предпринимателей"
}

Где живёт: layouts_uvie → lower_third · LIMITS_BY[lower_third]

ctaФинальная плашка действияdarklayouts_uvieв уроке 01 не применялся

Графит, янтарная полоса сверху, что зритель делает прямо сейчас, и белая кнопка с этим действием.

Следующий шаг

Соберите первую сотню тем

Промпт лежит в материалах урока

Открыть промпт

Когда применять

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

Когда НЕ применять

Это про следующий урок, а не про дело зрителя → ctv
Это «спасибо за просмотр»: плашка про действие, а не про нашу вежливость
Действий несколько — выбираем одно, остальные в материалы

Лимиты

что	знаков	откуда
заголовок	42	LIMITS_BY
метка	40	LIMITS
пункт	80	LIMITS_BY
пунктов	2	LIMITS_BY
подпись	90	LIMITS

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	что зритель делает
accent	строка	—	фрагмент заголовка янтарём
eyebrow	строка	—	моно-метка
sub	строка	—	одна поясняющая строка
button	строка	—	надпись на кнопке, по умолчанию «Написать в директ»
size	число	—	потолок кегля, по умолчанию 240

Слова про устройство ролика на экран не пускаем: пишем не «финал», а что зритель делает.

Заголовок встал по центру и вырос со 170 до 240 (Роман 20.09), лимит — 42 знака.

Готовый JSON

{
 "eyebrow": "Следующий шаг",
 "title": "Соберите первую сотню тем",
 "accent": "сотню тем",
 "sub": "Промпт лежит в материалах урока",
 "button": "Открыть промпт"
}

Где живёт: layouts_uvie → cta · LIMITS_BY[cta]

ctvФинал урокановоеalphalayouts_uvieв уроке 01 не применялся

Кадр делится нацело: слева тезисы следующего урока, справа эксперт, который про неё рассказывает.

Следующий урок

Агент, который приносит темы

Промпт под вашу нишу

Первая сотня тем за один вечер

Как отбирать залетающие

Открывается, когда сдадите задание этого урока

Когда применять

Урок закончился, и зрителю надо сказать, что будет на следующем уроке.
Эксперт в кадре и говорит сам: зритель слышит человека, а не читает титр.
Тезисов два-четыре, каждый — что зритель унесёт со следующего урока.
Название следующего урока короткое: текстовая половина — 55 % кадра.

Когда НЕ применять

Это дело зрителя в его проекте, а не следующий урок → cta
Спикера в кадре нет: финал без человека не удерживает → cta
Нужно объявить главу внутри урока → title
Надо просто перечислить, оставшись в текущей теме → side_panel

Лимиты

что	знаков	откуда
заголовок	38	LIMITS_BY
метка	40	LIMITS
пункт	60	LIMITS_BY
пунктов	4	LIMITS_BY
подпись	90	LIMITS
рендер режет после	4	items — совпадает с лимитом

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	название следующего урока, коротко
items	список строк	да	тезисы следующего урока, два-четыре
eyebrow	строка	—	моно-метка, по умолчанию «Следующий урок»
note	строка	—	сноска внизу: условие, при котором открывается следующий урок
accent	строка	—	фрагмент заголовка янтарём
size	число	—	кегль заголовка, по умолчанию 124

⚠️ Это онлайн-курс, а не YouTube. Резервов под кликабельные элементы и подписку здесь нет, и про время не говорим: следующий урок открывается после этой, а не по таймеру (Роман 20.09). Считаем не минуты, а урока.

Кадр делится нацело — сплошная графитовая половина и янтарная линия по шву, а не плашка поверх кадра. Делим — значит делим.

Готовый JSON

{
 "eyebrow": "Следующий урок",
 "title": "Агент, который приносит темы",
 "items": [
  "Промпт под вашу нишу",
  "Первая сотня тем за один вечер",
  "Как отбирать залетающие"
 ],
 "note": "Открывается, когда сдадите задание этого урока"
}

Где живёт: layouts_uvie → ctv · LIMITS_BY[ctv]

C · Крупная мысль

Один тезис на весь экран — он бьёт, а не объясняет

big_phraseКрупная фразановоеdark | alphalayouts_uvie2 в уроке 01

Одна мысль на весь экран словами эксперта. Не объясняет и не добавляет фактов — бьёт.

I21 · big_phrase

01B-01-r2 · Схема производства вместо обложки

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

I22 · big_phrase

01A-07-r2 · Полный счёт и экономия

В рублях там это сейчас по текущему курсу. шесть и пять -семь и пять тысяч рублей. Сравните это с тем, сколько вы платите копирайтерам,. рилсмейкерам и монтажерам.

Когда применять

Фраза держится сама, без контекста вокруг неё.
В ней есть поворот: зритель думал одно, а услышал другое.
Она короткая — помещается в три строки крупным кеглем. Не помещается — это абзац, а не фраза.
В главе такой экран один: два крупных подряд гасят друг друга.

Когда НЕ применять

Фраза заканчивается вопросительным знаком → question_card
Нужна метка сверху и пояснение снизу — это объявление, а не удар → title
Короткая строка по центру, похожая на правило или расчёт → formula
В мысли есть перечисление, сравнение или число, которое стоит показать → cards_n

Лимиты

что	знаков	откуда
заголовок	72	LIMITS_BY
метка	40	LIMITS
пункт	48	LIMITS_BY
пунктов	1	LIMITS_BY
подпись	90	LIMITS

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	сама фраза; без вопросительного знака на конце
accent	строка	—	фрагмент фразы, который станет янтарным; должен быть подстрокой title
plate	«full» или «over»	—	full — графит на весь кадр; over — плашка поверх кадра со спикером
size	число	—	потолок кегля; вниз 280 → 240 → 200 → 160 шагает сам

Автора не подписываем (Роман 20.09): фразу произносит эксперт, он же в кадре — подпись отнимает место и ничего не добавляет.

Янтарь делает ровно две работы: брус слева (или кромка плашки) и один подсвеченный фрагмент. Не два.

Режим over ставим, когда эксперт эту фразу в этот момент и произносит; full — когда после неё пауза.

Фраза — слова эксперта, а не наш пересказ. Аудит сверяет её с речью абзаца-хозяина и ругается на расхождение.

Находки по этому виду: №17 Аудит браковал бы крупную фразу за то, ради чего она сделана

Готовый JSON

{
 "title": "Ни одного живого человека вы сейчас не видели",
 "accent": "Ни одного живого человека",
 "source": "Анатолий Бокорев"
}

Где живёт: layouts_uvie → big_phrase · LIMITS_BY[big_phrase] · REQUIRED[big_phrase]

question_cardКрупный вопросприёмdarkinfographics_uvie4 в уроке 01

Графит, вопрос кеглем 200, янтарная черта. Вопрос, на который отвечает целая глава.

Q01 · question_card

01B-01-r3 · Цифры, залёты, инструменты

Q03 · question_card

01A-05-r1 · Регулярность и узнаваемая тема

Q04 · question_card

01B-02-r1 · Программа для обхода блокировок

ещё 1 в галерее ниже — якоря #e-…

Когда применять

Вопрос управляет главой: дальше идёт несколько минут ответа.
Зритель сам бы задал его в эту секунду — экран опережает его на полсекунды.
Вопрос эксперта и его формулировкой: свои не сочиняем.
Один вопрос на главу, и один и тот же вопрос — один раз за урок.

Когда НЕ применять

Ответ звучит в следующей фразе: экран мигнёт и уйдёт
Вопрос про порядок, а не про смысл — «Что будет сегодня?» → chapter_card
Вопрос подменяет заголовок перед списком: у зрителя должен остаться ответ, а не знак вопроса → cards_n
Такой вопрос уже задавали в этом уроке

Лимиты

что	знаков	откуда
заголовок	56	LIMITS_BY
метка	40	LIMITS
пункт	80	LIMITS_BY
пунктов	2	LIMITS_BY
подпись	90	LIMITS

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	сам вопрос, коротко — кегль максимальный в канале
accent	строка	—	фрагмент вопроса янтарём
sub	строка	—	одна поясняющая строка под чертой
eyebrow	строка	—	моно-метка, по умолчанию «Вопрос»
size	число	—	потолок кегля, по умолчанию 300; вниз шагает сам

Вид собирается автоматом из слайдов эксперта, чей заголовок кончается на «?». Автомат не знает, ведёт вопрос главу или просто открывает список. Смотрим каждый глазами и отвечаем на один вопрос: сколько секунд до ответа? Пять секунд — убираем, пять минут — оставляем.

Кегль вырос с 200 до 300, вопрос встал по центру, лимит упал с 96 до 56 знаков (Роман 20.09: «вопросы надо в разы крупнее»). Длинный вопрос — значит не вопрос-заставка, а подзаголовок.

Находки по этому виду: №18 Два разных слайда с одинаковым вопросом давали два одинаковы

Готовый JSON

{
 "eyebrow": "Вопрос",
 "title": "Зачем вам контент-завод?",
 "accent": "контент-завод"
}

Где живёт: infographics_uvie → question_card · LIMITS_BY[question_card] · REQUIRED[question_card]

formulaФормулаalphalayouts_uvieв уроке 01 не применялся

Тёмная плашка по центру внизу: короткое правило или расчёт крупно, поверх кадра со спикером.

Правило

Заявки = охваты × просьба × ответ

Когда применять

Мысль укладывается в формулу: «Заявки = охваты × призыв × ответ».
Её хочется записать, а не просто услышать.
Строка короткая и читается как ярлык, а не как предложение.

Когда НЕ применять

Это утверждение, а не правило → big_phrase
Величины надо сравнить, а не перемножить → bars_compare
В формуле больше трёх множителей — она перестала быть формулой → cards_n

Лимиты

что	знаков	откуда
заголовок	60	LIMITS_BY
метка	40	LIMITS
пункт	60	LIMITS_BY
пунктов	2	LIMITS_BY
подпись	90	LIMITS

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	сама формула
accent	строка	—	фрагмент формулы янтарём
eyebrow	строка	—	моно-метка над формулой
size	число	—	кегль, по умолчанию 150

Кегль вырос со 112 до 150, плашка стала шире (Роман 20.09): формулу зритель переписывает, значит она должна читаться с телефона.

Готовый JSON

{
 "eyebrow": "Правило",
 "title": "Заявки = охваты × просьба × ответ",
 "accent": "охваты"
}

Где живёт: layouts_uvie → formula · LIMITS_BY[formula]

D · Перечисления

Несколько равноправных пунктов, порядок неважен

cards_nКарточки с пояснениемlightinfographics_uvie13 в уроке 01

Три-пять равноправных карточек: у каждой короткое имя и одно поясняющее предложение.

VA01 · cards_n

01B-01-r3 · Цифры, залёты, инструменты

Сегодня первая встреча курса по контент-заводу. Она установочная. Мы познакомимся с курсом, узнаем, как он будет проходить, что в него входит, чтобы вы понимали, какая карта действий нас ждет на протяжении пяти недель.

I05 · cards_n

01A-05-r1 · Регулярность и узнаваемая тема

Что нужно алгоритму, чтобы мы получали такие охваты, чтобы пробивали песочницы? Первое, что нужно — регулярность постинга. Если постим мало, Инстаграм видит нас как странного автора, которому не даст просмотров. Зачем включать алгоритм, если он постит один раз в год?

VH03 · cards_n

01B-06-r7 · Задание перед следующей темой

Хорошо. Тогда еще раз про домашнее задание. Ваша задача зарегистрироваться во всех сервисах, оплатить чат GPT [джи-пи-ти], тариф плюс за двадцать баксов и составить паспорт проекта, паспорт продукта и конституцию эксперта по тем промтам, которые мы вам вскоре отправим.

ещё 10 в галерее ниже — якоря #e-…

Когда применять

Пунктов от трёх до пяти, и они равны по весу: ни один не следует из другого.
У каждого пункта есть имя и одна поясняющая фраза — «Регулярность — постинг без пауз».
Пункты можно поменять местами, и смысл не сломается.
Зритель должен забрать список целиком, а не проследить движение.

Когда НЕ применять

Пункты идут по порядку, каждый следует из предыдущего → chain
Пункты — этапы работы, и у каждого свой инструмент → pipeline_tools
Пунктов шесть и больше или пояснений нет — остались одни имена → list
Это два набора друг против друга → two_sides
Пунктов два — это не список, а одна мысль → big_phrase

Лимиты

что	знаков	откуда
заголовок	48	LIMITS_BY
метка	40	LIMITS
пункт	60	LIMITS_BY
пунктов	5	LIMITS_BY
подпись	90	LIMITS
рендер режет после	5	items — совпадает с лимитом

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	заголовок экрана
items	список строк	да	«Заголовок — пояснение», от трёх до пяти
eyebrow	строка	—	моно-метка
caption	строка	—	строка-вывод под карточками
size	число	—	кегль заголовка, по умолчанию 140

Разделитель внутри пункта — только длинное тире с пробелами « — ». Дефис и двоеточие здесь не работают, хотя в раскладке cards работают: см. находку 8.

Находки по этому виду: №8 cards_n и framed_shot делят строку только по « — », а split_

Готовый JSON

{
 "eyebrow": "Что нужно алгоритму",
 "title": "Пять условий роста",
 "items": [
  "Регулярность — постинг без пауз",
  "Обучить алгоритм — вашей теме и аудитории",
  "Первые три секунды — удержать",
  "До конца ролика — досмотр",
  "База взаимодействий — накопить"
 ]
}

Где живёт: infographics_uvie → cards_n · LIMITS_BY[cards_n] · REQUIRED[cards_n]

cardsКарточки с номерамиlightlayouts_uvieв уроке 01 не применялся

Сетка карточек с номерами 01, 02, 03: имя и короткое пояснение под ним.

Результат

С чем вы уйдёте

Паспорт проекта

ваш бизнес по полочкам

GPT-агент тем

под нишу

Агент сценариев

вашим языком

Цифровой клон

аватар и голос

Когда применять

Пунктов от трёх до шести, и номер помогает на них ссылаться дальше.
Пояснения короткие — одна строка, не две.
Пунктов больше четырёх: сетка сама встанет в три колонки.

Когда НЕ применять

Пояснение длинное, и пункту нужен воздух → cards_n
Номер означает очередь, а не просто счёт → steps
Пунктов шесть, но пояснений нет → list

Лимиты

что	знаков	откуда
заголовок	48	LIMITS_BY
метка	40	LIMITS
пункт	72	LIMITS_BY
пунктов	6	LIMITS_BY
подпись	90	LIMITS
рендер режет после	6	items — совпадает с лимитом

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	заголовок экрана
items	список строк	да	«Заголовок — пояснение», до шести
eyebrow	строка	—	моно-метка
size	число	—	кегль заголовка, по умолчанию 130

Разделитель принимается любой из трёх: « — », « - », «: ».

Готовый JSON

{
 "eyebrow": "Результат",
 "title": "С чем вы уйдёте",
 "items": [
  "Паспорт проекта — ваш бизнес по полочкам",
  "GPT-агент тем — под нишу",
  "Агент сценариев — вашим языком",
  "Цифровой клон — аватар и голос"
 ]
}

Где живёт: layouts_uvie → cards · LIMITS_BY[cards]

listСписок с ромбамиlightlayouts_uvieв уроке 01 не применялся

Вертикальный список: ромбик-маркер и строка кеглем 92. Без пояснений.

Почему нет заявок

Чего не хватает в ролике

Не сказали, что делать

Некуда написать

Никто не отвечает

Когда применять

Пункты — готовые фразы, которым пояснения не нужны.
Пунктов до шести, и все они одного веса.
Важен сам перечень, а не устройство каждого пункта.

Когда НЕ применять

У каждого пункта есть имя и пояснение → cards_n
Список должен стоять сбоку, чтобы не закрывать спикера → side_panel
Порядок пунктов важен → chain

Лимиты

что	знаков	откуда
заголовок	48	LIMITS_BY
метка	40	LIMITS
пункт	64	LIMITS_BY
пунктов	6	LIMITS_BY
подпись	90	LIMITS
рендер режет после	6	items — совпадает с лимитом

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	заголовок экрана
items	список строк	да	пункты, до шести
eyebrow	строка	—	моно-метка
size	число	—	кегль заголовка, по умолчанию 160

Готовый JSON

{
 "eyebrow": "Почему нет заявок",
 "title": "Чего не хватает в ролике",
 "items": [
  "Не сказали, что делать",
  "Некуда написать",
  "Никто не отвечает"
 ]
}

Где живёт: layouts_uvie → list · LIMITS_BY[list]

side_panelПанель со спикеромalphalayouts_uvieв уроке 01 не применялся

Кадр делится нацело: левая половина — сплошной графит со списком, правая — спикер. Он не пропадает с экрана.

Запомнить

Три источника тем

GPT-агент под вашу нишу

Threads: живые вопросы аудитории

NotebookLM: разбор своих материалов

Промпты — в материалах урока

Когда применять

Эксперт перечисляет и остаётся в кадре — речь прерывать нельзя.
Пунктов до пяти, каждый в одну-две строки.
Зритель должен видеть и список, и человека, который его объясняет.
Есть что дописать снизу мелким — для этого note.

Когда НЕ применять

Спикер в кадре не нужен — отдаём весь экран → list
Пунктам нужны пояснения отдельной строкой → cards_n
Надо сравнить два набора → compare
Это тезисы следующего урока в конце ролика → ctv

Лимиты

что	знаков	откуда
заголовок	40	LIMITS_BY
метка	40	LIMITS
пункт	60	LIMITS_BY
пунктов	5	LIMITS_BY
подпись	90	LIMITS
рендер режет после	5	items — совпадает с лимитом

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	заголовок панели
items	список строк	да	пункты, до пяти
accent	строка	—	фрагмент заголовка янтарём
eyebrow	строка	—	моно-метка янтарём
note	строка	—	сноска внизу панели
size	число	—	кегль заголовка, по умолчанию 116

Панель переехала справа налево (Роман 20.09): текст слева, спикер справа — как в ДНК YTCR. Раньше панель закрывала правые 40 %, и спикеру доставался левый край.

Делим кадр нацело: сплошная половина от края до края и янтарная линия по шву — не скруглённая плашка с полями поверх кадра. Кегль при этом не растёт: делим экран, а не увеличиваем текст.

Готовый JSON

{
 "eyebrow": "Запомнить",
 "title": "Три источника тем",
 "note": "Промпты — в материалах урока",
 "items": [
  "GPT-агент под вашу нишу",
  "Threads: живые вопросы аудитории",
  "NotebookLM: разбор своих материалов"
 ]
}

Где живёт: layouts_uvie → side_panel · LIMITS_BY[side_panel]

E · Последовательности

Порядок и есть смысл: следующее возможно после предыдущего

chainЦепочкаlightinfographics_uvie6 в уроке 01

Три-пять звеньев слева направо; последнее графитовое с янтарной кромкой — к нему всё и ведёт.

VB03 · chain

01A-01-r4 · Самовар на стаканчике чая

и третий ролик для выбора. самовар прямо на стаканчике чая. так решил выделиться один из казанских ресторанов. они превратили обычный стаканчик чая в генератор UGC-контента.

I15 · chain

01A-05-r3 · Досмотр и база взаимодействий

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

VE04 · chain

01B-03-r7 · Подтверждение голоса тем же микрофоном

Когда вы будете делать клона своего голоса, Eleven Labs сделает хитрую штуку. Она скажет, а вдруг ты какой мошенник пытаешься от имени Павла, короче, создать вот какого-то цифрового клона и потом обманывать его всех знакомых

ещё 3 в галерее ниже — якоря #e-…

Когда применять

Звенья связаны причиной: следующее возможно только после предыдущего.
Важен финал — зритель должен дойти до последнего звена и запомнить именно его.
Каждое звено — два-пять слов, не предложение.
Звеньев от трёх до пяти: шестое влезет, но кегль упадёт с 80 до 68.

Когда НЕ применять

Пункты равноправны и порядок неважен → cards_n
У каждого шага свой инструмент и свой исполнитель → pipeline_tools
Это рост величин по ступеням → staircase
Звенья — действия зрителя, и каждому нужно пояснение → steps
Звеньев два — это вывод, а не цепочка → big_phrase

Лимиты

что	знаков	откуда
заголовок	48	LIMITS_BY
метка	40	LIMITS
пункт	52	LIMITS_BY
пунктов	5	LIMITS_BY
подпись	90	LIMITS
рендер режет после	6	items — лимит говорит 5

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	заголовок экрана
items	список строк	да	звенья слева направо, от трёх до шести
hi_last	число 1 или 2	—	сколько последних звеньев подсветить графитом, по умолчанию 1
eyebrow	строка	—	моно-метка
caption	строка	—	строка-вывод под схемой
size	число	—	кегль заголовка, по умолчанию 150

Готовый JSON

{
 "eyebrow": "Почему сейчас",
 "title": "Заявки начинаются с охватов",
 "hi_last": 2,
 "caption": "Реклама ограничена — единственный рост в текущих условиях даёт органика",
 "items": [
  "Рекламные каналы ограничены",
  "Нужны охваты в органике",
  "Заявки",
  "Новые клиенты",
  "Прибыль"
 ]
}

Где живёт: infographics_uvie → chain · LIMITS_BY[chain] · REQUIRED[chain]

stepsШаги с номерамиlightlayouts_uvieв уроке 01 не применялся

До четырёх карточек с круглым номером: заголовок шага и пояснение. Первый номер янтарный.

Этапы

Сборка GPT-агента

Подготовка промпта

на уроке

Сборка агента

на уроке

Докрутка

дома

Когда применять

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

Когда НЕ применять

Шагов пять и больше → flow
У каждого шага свой сервис и свой исполнитель → pipeline_tools
Пояснения не нужны, важна только связь → chain

Лимиты

что	знаков	откуда
заголовок	48	LIMITS_BY
метка	40	LIMITS
пункт	72	LIMITS_BY
пунктов	4	LIMITS_BY
подпись	90	LIMITS
рендер режет после	4	items — совпадает с лимитом

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	заголовок экрана
items	список строк	да	«Шаг — пояснение», до четырёх
eyebrow	строка	—	моно-метка
size	число	—	кегль заголовка, по умолчанию 150

Готовый JSON

{
 "eyebrow": "Этапы",
 "title": "Сборка GPT-агента",
 "items": [
  "Подготовка промпта — на уроке",
  "Сборка агента — на уроке",
  "Докрутка — дома"
 ]
}

Где живёт: layouts_uvie → steps · LIMITS_BY[steps]

flowПоток со стрелкамиlightlayouts_uvieв уроке 01 не применялся

До пяти карточек через стрелки; последняя графитовая с янтарной кромкой. Пояснений нет — только имена.

Схема

Как собирается ролик

Тема

→

Сценарий

→

Голос

→

Аватар

→

Монтаж

Когда применять

Звеньев до пяти, и каждое — одно-два слова.
Важно само движение слева направо, а не устройство звеньев.
Финал значим: последняя карточка выделена.

Когда НЕ применять

Каждому звену нужно пояснение → steps
Звеньев шесть и больше — шестое рендер не нарисует → chain
У звеньев есть инструменты и исполнители → pipeline_tools

Лимиты

что	знаков	откуда
заголовок	48	LIMITS_BY
метка	40	LIMITS
пункт	20	LIMITS_BY
пунктов	5	LIMITS_BY
подпись	90	LIMITS
рендер режет после	5	items — совпадает с лимитом

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	заголовок экрана
items	список строк	да	звенья, до пяти
eyebrow	строка	—	моно-метка
size	число	—	кегль заголовка, по умолчанию 150

Готовый JSON

{
 "eyebrow": "Схема",
 "title": "Как собирается ролик",
 "items": [
  "Тема",
  "Сценарий",
  "Голос",
  "Аватар",
  "Монтаж"
 ]
}

Где живёт: layouts_uvie → flow · LIMITS_BY[flow]

pipeline_toolsКонвейер с инструментамиlightinfographics_uvie1 в уроке 01

До пяти этапов, у каждого свой сервис и свой исполнитель. Последний этап графитовый.

I07 · pipeline_tools

01A-05-r11 · Схема сборки любого видео

Есть ли еще какие-то вопросы или все пока понятно?. Понятно? Тогда двигаемся дальше. Как выглядит алгоритм генерации видео?. Важно понимать, что этот алгоритм, о котором я сейчас скажу, он касается не только контент-завода, он универсален.

Когда применять

Этапов до пяти, и у каждого есть конкретный сервис: ChatGPT, ElevenLabs, HeyGen.
Зритель должен понять не только порядок, но и чем именно делается каждый этап.
Названия сервисов пишем в оригинальном написании, латиницей.

Когда НЕ применять

Инструментов нет, есть только порядок → chain
Этапов шесть и больше — шестой рендер не нарисует → chain
Этапы — действия зрителя с пояснениями → steps

Лимиты

что	знаков	откуда
заголовок	48	LIMITS_BY
метка	40	LIMITS
пункт	48	LIMITS_BY
пунктов	6	LIMITS_BY
подпись	90	LIMITS
рендер режет после	5	stages — лимит говорит 6

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	заголовок экрана
stages	список словарей	да	{name — этап, tool — сервис, who — кто или что делает}, до пяти
eyebrow	строка	—	моно-метка
caption	строка	—	строка-вывод под конвейером
size	число	—	кегль заголовка, по умолчанию 140

Находки по этому виду: №2 Рендер рисует пять этапов, линт разрешает шесть

Готовый JSON

{
 "eyebrow": "Алгоритм генерации видео",
 "title": "Пять этапов — пять инструментов",
 "caption": "На камеру вы садитесь один раз: дальше в кадре ваш двойник и ваш голос",
 "stages": [
  {
   "name": "Идея",
   "tool": "ChatGPT",
   "who": "агент тем"
  },
  {
   "name": "Текст",
   "tool": "ChatGPT",
   "who": "агент сценариев"
  },
  {
   "name": "Голос",
   "tool": "ElevenLabs",
   "who": "клон голоса"
  },
  {
   "name": "Видео",
   "tool": "HeyGen",
   "who": "цифровой двойник"
  },
  {
   "name": "Монтаж",
   "tool": "Captions",
   "who": "субтитры и кропы"
  }
 ]
}

Где живёт: infographics_uvie → pipeline_tools · LIMITS_BY[pipeline_tools] · REQUIRED[pipeline_tools]

staircaseЛестницаlightinfographics_uvie1 в уроке 01

Ступени роста величины слева направо; янтарный маркер показывает, на какой ступени зритель.

I02 · staircase

01A-04-r7 · Разгон на больших охватах

Но где-то после десять тысяч, а особенно после пятьдесят, если у вас довольно большая песочница и хорошие показатели, вы за несколько часов или за день набираете просмотров в три, в пять, в десять раз больше, чем за все предыдущее время, потому что вас просто подключили к большой

Когда применять

Величина растёт ступенями, и каждая ступень — порог, а не плавный рост.
У ступеней есть числа: 200 → 2 тыс. → 10 тыс. → 50 тыс.
Важно показать, где зритель сейчас — для этого маркер.

Когда НЕ применять

Величины надо сравнить между собой, а не выстроить → bars_compare
Это причинная связь, а не рост → chain
Ступеней больше шести

Лимиты

что	знаков	откуда
заголовок	48	LIMITS_BY
метка	40	LIMITS
пункт	48	LIMITS_BY
пунктов	6	LIMITS_BY
подпись	90	LIMITS
рендер режет после	6	steps — совпадает с лимитом

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	заголовок экрана
steps	список словарей	да	{value — число, sub — подпись}, до шести
marker	словарь	—	{label} — янтарная точка на первой ступени
eyebrow	строка	—	моно-метка
caption	строка	—	строка-вывод под лестницей
size	число	—	кегль заголовка, по умолчанию 140

Готовый JSON

{
 "eyebrow": "Система песочниц",
 "title": "Наверх пускают ступенями",
 "marker": {
  "label": "ваш ролик"
 },
 "steps": [
  {
   "value": "200",
   "sub": "просмотров"
  },
  {
   "value": "2 тыс.",
   "sub": "просмотров"
  },
  {
   "value": "10 тыс."
  },
  {
   "value": "50 тыс."
  },
  {
   "value": "100 тыс."
  },
  {
   "value": "500 тыс."
  }
 ],
 "caption": "На каждой ступени алгоритм проверяет гипотезу: досматривают ли, остаются ли в приложении"
}

Где живёт: infographics_uvie → staircase · LIMITS_BY[staircase] · REQUIRED[staircase]

F · Сравнения и числа

Две стороны, величины, доли, счёт попыток

two_sidesДве стороныlightinfographics_uvie10 в уроке 01

Две панели: левая светлая, правая графитовая с янтарной кромкой. Внизу — вердикт «да / нет».

VA04 · two_sides

01B-01-r8 · Тема и структура сценария

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

VC02 · two_sides

01A-07-r2 · Полный счёт и экономия

Hagen, цифровой аватар, то есть ваше изображение,. двадцать девять долларов. Ну и Captions [кэпшнс].ai около десять баксов стоит. Это автоматизация монтажа. В общей сложности это выходит около восемьдесят один доллара в месяц.

VH02 · two_sides

01B-06-r3 · Знакомая аудитория всё считывает

Поэтому мы это делали ради эксперимента. И я это делал на отдельных аккаунтах. Потому что моя аудитория, которая смотрит, она хорошо отличает, где я.

ещё 7 в галерее ниже — якоря #e-…

Когда применять

Есть ровно две стороны, и правая — та, к которой мы ведём.
У каждой стороны до четырёх пунктов.
У сторон есть короткие заголовки: «Цель платформы» против «Ваш контент».
Сравнение заканчивается выводом — для него есть verdict.

Когда НЕ применять

Сторон три и больше → cards_n
Сравниваются числа, а не подходы → bars_compare
Пунктов на сторону пять и больше → compare
Это не сравнение, а перечень → cards_n

Лимиты

что	знаков	откуда
заголовок	48	LIMITS_BY
метка	40	LIMITS
пункт	60	LIMITS_BY
пунктов	4	LIMITS_BY
подпись	90	LIMITS
рендер режет после	4	items на сторону — совпадает с лимитом

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	заголовок экрана
left	словарь	да	{h — заголовок стороны, items — до четырёх пунктов}
right	словарь	да	то же; правая сторона рисуется графитом
verdict	словарь	—	{yes, no} — вывод под панелями
eyebrow	строка	—	моно-метка
caption	строка	—	строка-вывод
size	число	—	кегль заголовка, по умолчанию 136

Готовый JSON

{
 "eyebrow": "Правила платформы",
 "title": "У Instagram свои цели",
 "left": {
  "h": "Цель платформы",
  "items": [
   "Удержать пользователя в приложении как можно дольше",
   "Показать ему больше рекламы и на ней заработать"
  ]
 },
 "right": {
  "h": "Ваш контент",
  "items": [
   "Помогает удерживать зрителя — платформа его продвигает",
   "Не помогает — не продвигает. Всё очень просто"
  ]
 },
 "verdict": {
  "yes": "удерживает → продвигают",
  "no": "не удерживает → нет"
 }
}

Где живёт: infographics_uvie → two_sides · LIMITS_BY[two_sides] · REQUIRED[two_sides]

compareДве колонкиlightlayouts_uvieв уроке 01 не применялся

Две колонки по пять пунктов: левая светлая, правая графитовая. Без вердикта.

Посчитайте сами

30 роликов в месяц

Обычная команда

Сценарист от 40 000 ₽

Съёмка от 30 000 ₽

Монтажёр от 60 000 ₽

Контент-завод

Внедрение разово

Сервисы ~13 000 ₽/мес

Потолка нет

Когда применять

Пунктов на сторону до пяти — больше, чем влезает в two_sides.
Вывод звучит в речи, и на экране его повторять не надо.
Стороны равноправны по структуре: одинаковое число пунктов читается лучше.

Когда НЕ применять

Нужен вывод прямо на картинке → two_sides
Пунктов на сторону шесть и больше — шестой рендер не нарисует
Сравниваются величины, а не наборы → bars_compare

Лимиты

что	знаков	откуда
заголовок	48	LIMITS_BY
метка	40	LIMITS
пункт	68	LIMITS_BY
пунктов	5	LIMITS_BY
подпись	90	LIMITS
рендер режет после	5	items на сторону — совпадает с лимитом

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	заголовок экрана
left	словарь	да	{h — заголовок колонки, items — до пяти пунктов}
right	словарь	да	то же; правая колонка графитовая
eyebrow	строка	—	моно-метка
size	число	—	кегль заголовка, по умолчанию 130

Готовый JSON

{
 "eyebrow": "Посчитайте сами",
 "title": "30 роликов в месяц",
 "left": {
  "h": "Обычная команда",
  "items": [
   "Сценарист от 40 000 ₽",
   "Съёмка от 30 000 ₽",
   "Монтажёр от 60 000 ₽"
  ]
 },
 "right": {
  "h": "Контент-завод",
  "items": [
   "Внедрение разово",
   "Сервисы ~13 000 ₽/мес",
   "Потолка нет"
  ]
 }
}

Где живёт: layouts_uvie → compare · LIMITS_BY[compare]

bars_compareСтолбикиlightinfographics_uvie4 в уроке 01

Два-три столбика разной высоты с подписанными значениями; один можно подсветить янтарём.

I03 · bars_compare

01A-04-r1 · Рекордный ролик Олеси Геранковой

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

I18 · bars_compare

01A-05-r10 · Мощность цеха за месяц

Вы тоже можете кого угодно поставить. Может производить от тридцати до ста двадцати единиц контента в месяц. То есть на самом старте это очень удобно.

VC01 · bars_compare

01A-07-r1 · ChatGPT и клон голоса

Понадобится об этом уже максим писал нас чате я еще раз поэтому пройдусь чтобы у вас это тоже. Нам понадобится чат g5 там будут у нас два кастом gps стоит это будет двадцать баксов то

ещё 1 в галерее ниже — якоря #e-…

Когда применять

Сравниваются величины, и разница между ними и есть содержание экрана.
У каждой величины есть подпись словами: «миллионы» против «20 тысяч».
Столбиков два-три: четвёртый рендер не нарисует.

Когда НЕ применять

Величина растёт ступенями → staircase
Сравниваются подходы, а не числа → two_sides
Величина одна, и важна её доля → retention_bar
Столбиков четыре и больше — лишние исчезнут молча

Лимиты

что	знаков	откуда
заголовок	52	LIMITS_BY
метка	40	LIMITS
пункт	56	LIMITS_BY
пунктов	4	LIMITS_BY
подпись	90	LIMITS
рендер режет после	3	bars — лимит говорит 4

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	заголовок экрана
bars	список словарей	да	{label — подпись, value — значение, h — высота 0…1, hi — подсветить}, два-три
note	строка	—	подпись у пунктирной линии-ориентира
eyebrow	строка	—	моно-метка
caption	строка	—	строка-вывод
size	число	—	кегль заголовка, по умолчанию 140

Находки по этому виду: №1 Рендер рисует три столбика, линт разрешает четыре

Готовый JSON

{
 "eyebrow": "Кейс",
 "title": "Рекордное удержание и всего двадцать тысяч",
 "note": "ожидание при таком удержании",
 "bars": [
  {
   "label": "обычно с такими показателями",
   "value": "миллионы",
   "h": 0.95
  },
  {
   "label": "ролик Олеси",
   "value": "20 тысяч",
   "h": 0.08,
   "hi": true
  }
 ],
 "caption": "Почему так? Потому что работает система песочниц"
}

Где живёт: infographics_uvie → bars_compare · LIMITS_BY[bars_compare] · REQUIRED[bars_compare]

retention_barШкала удержанияlightinfographics_uvie1 в уроке 01

Горизонтальная шкала времени с засечками: янтарная часть — первые секунды, серая — остальное.

I14 · retention_bar

01A-05-r2 · Захват внимания за секунды

То же самое, что и с регулярным постингом: нам нужно много единиц контента. Третий элемент, который нам нужен — суметь удержать в первые три секунды. Это базовый параметр в удержании.

Когда применять

Речь идёт о доле внимания внутри одного отрезка времени.
Числа в секундах, и их две: сколько всего и сколько «горячих».
Обеим частям нужны подписи словами.

Когда НЕ применять

Сравниваются две разные величины → bars_compare
Доля не про время, а про количество попыток → attempts_grid
Отрезок один и делить его не на что → big_phrase

Лимиты

что	знаков	откуда
заголовок	48	LIMITS_BY
метка	40	LIMITS
пункт	48	LIMITS_BY
пунктов	4	LIMITS_BY
подпись	90	LIMITS

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	заголовок экрана
total_sec	число	да	вся длина шкалы в секундах
hot_sec	число	да	янтарная часть в секундах
labels	словарь	—	{hot, rest} — подписи частей
eyebrow	строка	—	моно-метка
caption	строка	—	строка-вывод
size	число	—	кегль заголовка, по умолчанию 150

Готовый JSON

{
 "eyebrow": "Удержание",
 "title": "Первые три секунды решают",
 "total_sec": 15,
 "hot_sec": 3,
 "labels": {
  "hot": "пролистнут или останутся",
  "rest": "досмотр до конца"
 },
 "caption": "Процент пропуска в первые три секунды — главный показатель ролика"
}

Где живёт: infographics_uvie → retention_bar · LIMITS_BY[retention_bar] · REQUIRED[retention_bar]

attempts_gridСетка попытокlightinfographics_uvie1 в уроке 01

Сетка одинаковых клеток: сколько всего попыток и какие из них сработали — янтарные.

I06 · attempts_grid

01A-05-r5 · Возражение про бан-лист

Вы с одной попытки это не сделаете. Ожидание, что вы в самом начале сделаете один ролик потрясающе невероятный, как бахните вообще, это не рабочая стратегия.

Когда применять

Смысл в пропорции: единицы удачных на десятки попыток.
Точное число попыток известно и его стоит показать.
Удачных мало — иначе сетка перестаёт читаться как «редко».

Когда НЕ применять

Попыток меньше десяти — сетка не даёт ощущения массы → bars_compare
Важен рост, а не доля → staircase
Важна доля времени, а не доля попыток → retention_bar

Лимиты

что	знаков	откуда
заголовок	48	LIMITS_BY
метка	40	LIMITS
пункт	48	LIMITS_BY
пунктов	6	LIMITS_BY
подпись	90	LIMITS

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	заголовок экрана
n	число	да	сколько всего клеток, по умолчанию 48
hi	список чисел	да	индексы янтарных клеток, считая с нуля
cols	число	—	клеток в ряду, по умолчанию 12
label_hi	строка	—	подпись янтарных, по умолчанию «залетели»
label_rest	строка	—	подпись остальных
eyebrow	строка	—	моно-метка
caption	строка	—	строка-вывод

Готовый JSON

{
 "eyebrow": "Много попыток",
 "title": "Из десятков роликов залетают единицы",
 "n": 48,
 "hi": [
  5,
  19,
  33,
  44
 ],
 "label_hi": "залетели",
 "label_rest": "проверка алгоритма",
 "caption": "Поэтому нужен поток, а не один идеальный ролик"
}

Где живёт: infographics_uvie → attempts_grid · LIMITS_BY[attempts_grid] · REQUIRED[attempts_grid]

G · Реальные интерфейсы и записи

Чужой пиксель на экране — и правила, по которым он туда попадает

framed_shotКадр записи в рамкеlightinfographics_uvie4 в уроке 01

Настоящий интерфейс или статистика из записи — в графитовой рамке слева, три-четыре факта справа.

I10 · framed_shot

01A-02-r4 · Нейровидео Юлии Витвицкой

Тот ролик который интересен аудитории и во многом из-за этого мы получили такой результат. Видите статистику других роликов которые были у Юлии то есть тут довольно приличные просмотры.

I09 · framed_shot

01A-02-r6 · Долгий хвост на YouTube

Но что больше интересно, вот такие вот цифры примерно за последние сорок восемь часов можно собирать на этих роликах, потому что в YouTube [ютуб], если вы выкладываете ролик, он долго собирает.

I00 · framed_shot

01A-02-r8 · Экономия на привлечении клиентов

Про телеграм я вам тоже говорил порядка пятьдесят подписчиков в день мы нехитрым расчетом при средней стоимости подписчика именно в ее ниши Юлия Витвицкая имею в виду посчитали сколько она экономит в месяц.

ещё 1 в галерее ниже — якоря #e-…

Когда применять

На экране настоящая статистика или настоящий кабинет сервиса, снятые в записи встречи.
Цифры и есть содержание экрана — их нужно назвать словами рядом с кадром.
Скриншот с плеера нечитаем: рамка отрезает лишнее, факты повторяют главное крупно.
Id экрана входит в разрешённый список — иначе код откажет, и это правильно.

Когда НЕ применять

Это слайд эксперта, а не интерфейс: слайд перерисовываем своим видом → cards_n
Надо сравнить две величины из одного скриншота → bars_compare
Интерфейс нарисованный, а не снятый → heygen_mock
Материала ещё нет — его надо попросить у эксперта → shoot_request

Лимиты

что	знаков	откуда
заголовок	56	LIMITS_BY
метка	40	LIMITS
пункт	72	LIMITS_BY
пунктов	4	LIMITS_BY
подпись	90	LIMITS
рендер режет после	4	facts — совпадает с лимитом

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	заголовок экрана
frame	строка	да	путь к кадру вида «M01/frames/f_00798.jpg»
facts	список строк	да	«Значение — пояснение», три-четыре
crop	четыре числа 0…1	—	ручной кроп [x0, y0, x1, y1]; без него работает авто-кроп панелей
eyebrow	строка	—	моно-метка
caption	строка	—	строка-вывод под кадром
size	число	—	кегль заголовка, по умолчанию 136
frame_path	строка	—	служебное: подставляет план из --frames-root, руками не пишем
source	строка	—	⚠️ описан в докстринге, рендером не читается — см. находку 6

Единственный вид, где на экране чужой пиксель. Поэтому он заперт списком разрешённых id (FRAMED_OK в apply_redraw.py). Расширить список — решение Романа, а не сессии.

Слайд эксперта под этот вид не подходит никогда: его перерисовываем своими видами.

Разрешённые id: I00 I08 I09 I10

Находки по этому виду: №6 Ключ source описан в докстринге, но рендером не читается

Готовый JSON

{
 "eyebrow": "Кейс · Instagram",
 "title": "Плюс сто сорок три подписчика за месяц",
 "frame": "M01/frames/f_00864.jpg",
 "facts": [
  "455,8 тыс. — уникальных зрителей за 28 дней",
  "21,0 тыс. — постоянных зрителей",
  "613 244 — просмотров у лучшего ролика"
 ],
 "caption": "Короткие ролики дают охват и подписчиков без рекламного бюджета"
}

Где живёт: infographics_uvie → framed_shot · LIMITS_BY[framed_shot] · REQUIRED[framed_shot]

heygen_mockМакет HeyGendarklayouts_uvieв уроке 01 не применялся

Единственный цветной кадр канала: градиентное пятно на тёмной подложке и полоса рендера аватара.

HeyGen

Ваш цифровой двойник

Рендер аватара · 72%

Когда применять

Речь про генерацию аватара, и нужен узнаваемый вид сервиса.
Настоящего скринкаста нет, а показать процесс надо.

Когда НЕ применять

Настоящий кабинет сервиса снят — живой кадр всегда сильнее макета → framed_shot
Материал можно снять — просим его у эксперта → shoot_request
Речь не про аватара: цветной кадр в канале один и тратить его зря нельзя → title

Лимиты

что	знаков	откуда
заголовок	48	LIMITS
метка	40	LIMITS
пункт	60	LIMITS
пунктов	6	LIMITS
подпись	90	LIMITS

Контракт данных

ключ	тип	обяз.	что это
title	строка	да	заголовок
eyebrow	строка	—	моно-метка, по умолчанию «HeyGen»
sub	строка	—	подпись рендера, по умолчанию «Рендер аватара · 72%»
size	число	—	кегль заголовка, по умолчанию 150

Единственный экран канала с цветом помимо янтарного. Остальные — светлая основа и графит.

Находки по этому виду: №10 Подпись настраивается, а ширина полосы рендера зашита на 72

Готовый JSON

{
 "eyebrow": "HeyGen",
 "title": "Ваш цифровой двойник",
 "sub": "Рендер аватара · 72%"
}

Где живёт: layouts_uvie → heygen_mock

pip_speakerСпикер в углу схемыприём—infographics_uvieв уроке 01 не применялся

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

Когда применять

Схема сложная, и зрителю важно видеть, что её объясняет живой человек.
Эксперт в этот момент говорит — окно держит связь с речью, пока на экране цифры.
Схема занимает кадр целиком и остаётся главной: окно 960×540, четверть ширины кадра.
Работает с любым видом схемы: ставим ключ pip рядом с данными.

Когда НЕ применять

Спикер и есть содержание экрана — отдайте ему кадр → topic_title
Нужно перечисление рядом с человеком, а не схема → side_panel
У схемы есть подпись снизу — правый нижний угол занят окном
На экране настоящий интерфейс из записи → framed_shot

Лимиты

что	знаков	откуда
заголовок	48	LIMITS
метка	40	LIMITS
пункт	60	LIMITS
пунктов	6	LIMITS
подпись	90	LIMITS

Контракт данных

ключ	тип	обяз.	что это
pip	да/нет	да	включить окно спикера в правом нижнем углу
pip_path	строка	—	служебное: путь к кадру, подставляет план — руками не пишем

Подпись caption с этим модификатором не ставим: угол занят окном.

Окно в графитовой рамке 6 px, без янтаря — акцент остаётся у самой схемы.

Где живёт: infographics_uvie → pip_speaker

shoot_requestЗаявка на показне картинка—inserts_*.jsonв уроке 01 не применялся

Не экран, а задание эксперту: что открыть, нажать и записать своим экраном.

Когда применять

В речи есть утверждение про экран, которого зритель не видит: цифра, кабинет сервиса, кнопка, переписка.
Показ заменяет схему: настоящая статистика сильнее нарисованного столбика.
Показ короче объяснения — восемь секунд экрана против сорока секунд слов.
У задания есть владелец: без него это не заявка, а пожелание.

Когда НЕ применять

Материал уже есть у монтажёра — это указание, а не заявка: family footage
Нужен чужой материал и согласие автора: family rights, владелец PM
Надо нарисовать плашку или заставку: family graphic со ссылкой на вид → chapter_card
Тот же экран уже заказан в другой строке — дедуп идёт по тому, ЧТО снимаем, а не где вставим

Лимиты

что	знаков	откуда
заголовок	48	LIMITS
метка	40	LIMITS
пункт	60	LIMITS
пунктов	6	LIMITS
подпись	90	LIMITS

Контракт данных

ключ	тип	обяз.	что это
family	«show» / «footage» / «rights» / «graphic»	да	какая это работа — из неё выводятся shoot, status и владелец
anchor	строка	да	строка урока, к которой привязана вставка: «01B-01-r1»
where	«before» или «after»	да	до или после строки
dur	число	да	секунд на экране, 2–60
gist	строка	да	смысл одной строкой — попадёт в столбец 3 таблицы урока
action	строка	да	что именно делаем: глагол первым словом, объект в кадре, число планов
source	список строк	да	откуда берём и что делаем, если не выйдет
owner	строка	да	кто исполняет: эксперт, съёмка, PM
takes	число	—	сколько планов внутри задания
screen_kind	строка	—	для family graphic — каким видом рисуем
why	строка	—	почему без этого строка не работает

Заявка готова, когда отвечает на пять вопросов: кто и что делает (глагол первым словом) · что именно в кадре (панель, кнопка, цифра) · сколько планов и секунд · откуда берём и что, если не выйдет · чей это (владелец).

Одна заявка — одно действие одного владельца. Частая ошибка — склеить съёмку эксперта и чужой материал, на который нужны права: статус один, а работ две, и вторая тихо теряется.

Находки по этому виду: №14 Две заявки висели в плане съёмки как несуществующая работа, №15 Один и тот же скринкаст был заказан дважды с разных якорей

Где живёт: inserts_*.json → shoot_request

Заявки на показ · урок 01

Строк 24 на 5:30 экранного времени. Из них эксперт записывает своим экраном 14 заданий на 3:28 — они уходят в план съёмки. Остальное: архив у монтажёра, чужой материал под согласование и наша графика.

Галерея урока 01 · 142 экранов

Сняты на ревью: VB02 Пять пунктов на картинке — дословно те же пять пунктов, которые в эту секунду зв · VE02 merge_into VE03 — слияние делаем руками, не кодом

01A-01 · Угадайте, кто живой: что производит заводTH · строк 4 · экранов 7

C02 · chapter_card

01A-01 · вся глава

VB01 · cards_n

01A-01-r1 · Ролики без подвоха

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

VB03 · chain

01A-01-r4 · Самовар на стаканчике чая

путь урока · кадров 4

C02-01 · chapter_card

01A-01-r1 · Ролики без подвоха

C02-02 · chapter_card

01A-01-r2 · Что должна знать мама

C02-03 · chapter_card

01A-01-r3 · Игра для неговорящих детей

C02-04 · chapter_card

01A-01-r4 · Самовар на стаканчике чая

01A-02 · Результаты контент-заводов в цифрахTH+SC · строк 8 · экранов 14

C03 · chapter_card

01A-02 · вся глава

I11 · two_sides

01A-02-r1 · Все ведущие были аватарами

Первая, третья, вторая под вопросом. Ага, первая, третья, это кто? Аватары?. Вторая под вопросом. Какие еще версии? А я мнение написал в чате, что это все три аватара.

I10 · framed_shot

01A-02-r4 · Нейровидео Юлии Витвицкой

I08 · framed_shot

01A-02-r5 · Кросспостинг по всем площадкам

Естественно Юлия также выкладывал их не только в Instagram но и в TikTok [тикток] статистику здесь вы видите сто сорок три тысячи девяносто тысяч это все агресса аудитория которую получили эти ролики.

I09 · framed_shot

01A-02-r6 · Долгий хвост на YouTube

I00 · framed_shot

01A-02-r8 · Экономия на привлечении клиентов

путь урока · кадров 8

C03-01 · chapter_card

01A-02-r1 · Все ведущие были аватарами

C03-02 · chapter_card

01A-02-r2 · Формат говорящей головы

C03-03 · chapter_card

01A-02-r3 · Кейсы агентства и логопедии

C03-04 · chapter_card

01A-02-r4 · Нейровидео Юлии Витвицкой

C03-05 · chapter_card

01A-02-r5 · Кросспостинг по всем площадкам

C03-06 · chapter_card

01A-02-r6 · Долгий хвост на YouTube

C03-07 · chapter_card

01A-02-r7 · Постоянные зрители и субтитры

C03-08 · chapter_card

01A-02-r8 · Экономия на привлечении клиентов

01A-03 · Почему органика и почему сейчасTH · строк 7 · экранов 11

C04 · chapter_card

01A-03 · вся глава

Q02 · question_card

01A-03-r1 · Выпишите свою цену лида

I01 · chain

01A-03-r1 · Выпишите свою цену лида

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

I12 · cards_n

01A-03-r3 · Каналы платной рекламы закончились

Рекламные каналы во многом с российским сегментом сейчас ограничены. У нас остался Яндекс. SEO там кое-как вообще пытается жить. И с таргетированной рекламы у нас остался ВК.

путь урока · кадров 7

C04-01 · chapter_card

01A-03-r1 · Выпишите свою цену лида

C04-02 · chapter_card

01A-03-r2 · Ради заявок и выручки

C04-03 · chapter_card

01A-03-r3 · Каналы платной рекламы закончились

C04-04 · chapter_card

01A-03-r4 · Что говорят директора по маркетингу

C04-05 · chapter_card

01A-03-r5 · Охват как мера ролика

C04-06 · chapter_card

01A-03-r6 · Клиенты приходят из Instagram

C04-07 · chapter_card

01A-03-r7 · Новый аккаунт без просмотров

01A-04 · Песочницы: как алгоритм пускает наверх ступенямиTH · строк 9 · экранов 14

C05 · chapter_card

01A-04 · вся глава

I02 · staircase

01A-04-r7 · Разгон на больших охватах

I03 · bars_compare

01A-04-r1 · Рекордный ролик Олеси Геранковой

I04 · two_sides

01A-04-r3 · Платформа удерживает зрителя

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

I13 · chain

01A-04-r4 · Проверка гипотезы на старте

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

путь урока · кадров 9

C05-01 · chapter_card

01A-04-r1 · Рекордный ролик Олеси Геранковой

C05-02 · chapter_card

01A-04-r2 · Оцифровка видео при загрузке

C05-03 · chapter_card

01A-04-r3 · Платформа удерживает зрителя

C05-04 · chapter_card

01A-04-r4 · Проверка гипотезы на старте

C05-05 · chapter_card

01A-04-r5 · Рывок выше прогноза

C05-06 · chapter_card

01A-04-r6 · Перепроверка на новой аудитории

C05-07 · chapter_card

01A-04-r7 · Разгон на больших охватах

C05-08 · chapter_card

01A-04-r8 · Нужна серия хороших роликов

C05-09 · chapter_card

01A-04-r9 · Цель начинающего аккаунта

01A-05 · Что нужно алгоритму и почему нужно много попытокTH · строк 11 · экранов 21

путь урока · кадров 11

01A-06 · Схема ролика: тема, сценарий, голос, аватар, монтажTH · строк 4 · экранов 7

C07 · chapter_card

01A-06 · вся глава

I19 · two_sides

01A-06-r1 · Меняется только исполнитель

То есть вы делаете материал, потом вы его монтируете. Все, все ролики проходят эти этапы. Вы придумали идею, написали сценарий, снялись, отмонтировали это дело и выложили.

I20 · cards_n

01A-06-r3 · Помощник за кнопками

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

путь урока · кадров 4

C07-01 · chapter_card

01A-06-r1 · Меняется только исполнитель

C07-02 · chapter_card

01A-06-r2 · Цепочка сервисов и агентов

C07-03 · chapter_card

01A-06-r3 · Помощник за кнопками

C07-04 · chapter_card

01A-06-r4 · Автоматизируем цех целиком

01A-07 · Сколько это стоит по сравнению с командойTH · строк 3 · экранов 7

C08 · chapter_card

01A-07 · вся глава

VC01 · bars_compare

01A-07-r1 · ChatGPT и клон голоса

VC02 · two_sides

01A-07-r2 · Полный счёт и экономия

I22 · big_phrase

01A-07-r2 · Полный счёт и экономия

путь урока · кадров 3

C08-01 · chapter_card

01A-07-r1 · ChatGPT и клон голоса

C08-02 · chapter_card

01A-07-r2 · Полный счёт и экономия

C08-03 · chapter_card

01A-07-r3 · Вывод по деньгам

01B-01 · Маршрут по темам и что обязательно делаете выTH · строк 12 · экранов 20

C01 · chapter_card

01B-01 · вся глава

Q01 · question_card

01B-01-r3 · Цифры, залёты, инструменты

VA01 · cards_n

01B-01-r3 · Цифры, залёты, инструменты

VA02 · cards_n

01B-01-r5 · Основатель маркетингового агентства

Во, кайф, вообще, молодцы., давайте тогда с вами начнем со знакомства.

VA03 · cards_n

01B-01-r7 · Публикации без просмотров

Попробуем сейчас в формате такого свободного общения от каждого базового. Зовут, сфера деятельности, какие цели на курсы, зачем вам контент. Чудесно привет меня зовут артем санкт -петербург ниша это ремонт и дизайн.

VA04 · two_sides

01B-01-r8 · Тема и структура сценария

VA05 · cards_n

01B-01-r9 · Лиды и топовые клиники

Естественно, базовые правила структуры тоже разберем. Вот вам это будет особенно важно и интересно. Абакар, у вас буквально прямой запрос на курс. То есть вот наш курс ориентирован. Такой у вас и запрос. Идеальное совпадение. Спасибо. Отлично. Так, Павел.

I21 · big_phrase

01B-01-r2 · Схема производства вместо обложки

путь урока · кадров 12

01B-02 · Доступ к зарубежным сервисамTH+SC · строк 2 · экранов 5

C09 · chapter_card

01B-02 · вся глава

Q04 · question_card

01B-02-r1 · Программа для обхода блокировок

VD01 · cards_n

01B-02-r1 · Программа для обхода блокировок

Для того чтобы мы с вами это все дело благополучно собрали. Во-первых, вам понадобится программное обеспечение для доступа ко всем сервисам. Потому что сервисы зарубежные, не все они просто так доступны с территории РФ.

путь урока · кадров 2

C09-01 · chapter_card

01B-02-r1 · Программа для обхода блокировок

C09-02 · chapter_card

01B-02-r2 · Подписка ChatGPT и запасной канал

01B-03 · Оплата подписок: зарубежная карта или ботTH+SC · строк 9 · экранов 14

C10 · chapter_card

01B-03 · вся глава

VE01 · two_sides

01B-03-r1 · ForeignBot вместо своей карты

Понадобится способ оплаты, потому что помимо регистрации вы неплохо оплатите платные тарифы. Попытка собрать контент-завод на бесплатных тарифах не увенчается успехом, отлов совсем поэтому нужно будет это оплатить.

VE03 · cards_n

01B-03-r4 · Агенты тем и сценариев

А вот на следующей неделе у нас целых две встречи, то есть во вторник и в пятницу мы там будем с вами делать дверь для GPS ки.

VE04 · chain

01B-03-r7 · Подтверждение голоса тем же микрофоном

I23 · chain

01B-03-r3 · Путь до работающего завода

Со временем вторник с тринадцать до пятнадцать, то сейчас до три, и пятницу с пятнадцать до семнадцать у нас не каждую неделю будет две встречи.

путь урока · кадров 9

C10-01 · chapter_card

01B-03-r1 · ForeignBot вместо своей карты

C10-02 · chapter_card

01B-03-r2 · Деньги и доступ закрыты

C10-03 · chapter_card

01B-03-r3 · Путь до работающего завода

C10-04 · chapter_card

01B-03-r4 · Агенты тем и сценариев

C10-05 · chapter_card

01B-03-r5 · Референс как эталон речи

C10-06 · chapter_card

01B-03-r6 · Студия и запас времени

C10-07 · chapter_card

01B-03-r7 · Подтверждение голоса тем же микрофоном

C10-08 · chapter_card

01B-03-r8 · Единый дубль без склеек

C10-09 · chapter_card

01B-03-r9 · Естественность аватара решает результат

01B-04 · ChatGPT Plus и выбор думающей моделиTH+SC · строк 2 · экранов 4

C11 · chapter_card

01B-04 · вся глава

VF01 · cards_n

01B-04-r1 · Заведите аккаунты по ссылкам

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

путь урока · кадров 2

C11-01 · chapter_card

01B-04-r1 · Заведите аккаунты по ссылкам

C11-02 · chapter_card

01B-04-r2 · Почему бесплатный тариф не годится

01B-06 · Ваша цель на поток и чек-лист готовностиTH · строк 7 · экранов 11

C12 · chapter_card

01B-06 · вся глава

VH01 · two_sides

01B-06-r1 · Аватар копирует ваше видео

Цифровой аватар будет работать буквально так, как ваше видео. То есть ваше видео – это его живой пример, это его источник. Он не будет ничего дополнительно генерировать.

VH02 · two_sides

01B-06-r3 · Знакомая аудитория всё считывает

VH03 · cards_n

01B-06-r7 · Задание перед следующей темой

путь урока · кадров 7

C12-01 · chapter_card

01B-06-r1 · Аватар копирует ваше видео

C12-02 · chapter_card

01B-06-r2 · Несколько образов для записи

C12-03 · chapter_card

01B-06-r3 · Знакомая аудитория всё считывает

C12-04 · chapter_card

01B-06-r4 · Когда совмещение уместно

C12-05 · chapter_card

01B-06-r5 · Формат кружочка в монтаже

C12-06 · chapter_card

01B-06-r6 · Ошибки без вреда активам

C12-07 · chapter_card

01B-06-r7 · Задание перед следующей темой

01B-07 · Перед темой 02: что за три документаTH · строк 4 · экранов 7

C13 · chapter_card

01B-07 · вся глава

VG01 · cards_n

01B-07-r1 · С чего начнёт агент

Нужно будет составить паспорт проекта, то есть бизнеса, свой паспорт продукта и конституцию.

VG02 · two_sides

01B-07-r3 · Думающая модель в настройках

У вас таких должно быть три сессии.

путь урока · кадров 4

C13-01 · chapter_card

01B-07-r1 · С чего начнёт агент

C13-02 · chapter_card

01B-07-r2 · Каждый промпт в своей сессии

C13-03 · chapter_card

01B-07-r3 · Думающая модель в настройках

C13-04 · chapter_card

01B-07-r4 · Все описания на руках

Находки · 18

Расхождения между тем, что написано, и тем, что делает код. Исправлено в этот заход: 9. Остальные вынесены сюда, потому что решать по ним — Роману: любая из них меняет то, как пишется текст экрана.

№	что	последствие	где
№1	Рендер рисует три столбика, линт разрешает четыре bars_compare	Четвёртый столбик исчезает молча: в спецификации он есть, на картинке его нет.	infographics_uvie.py:146 · plan_from_script.py:37
№2	Рендер рисует пять этапов, линт разрешает шесть pipeline_tools	Шестой этап исчезает молча.	infographics_uvie.py:279 · plan_from_script.py:42
№3	Ни у одной шаблонной раскладки не было записи в LIMITS_BY — линт был мягче рендера	steps рисовал четыре шага при лимите шесть, flow — пять звеньев, compare — пять пунктов на сторону: лишнее исчезало молча. ✅ Исправлено: у list, steps, flow, compare, cards появились свои лимиты, посчитанные по реальной ширине карточки. Строка «рендер режет после N» в таблице осталась — она показывает границу явно.	plan_from_script.py · LIMITS_BY
№6	Ключ source описан в докстринге, но рендером не читается framed_shot	Источник цифр на экран не попадает, хотя автор думает, что попал.	infographics_uvie.py:326
№7	План писал more_before, рендер читал только more_after chapter_card	Окно пути в середине главы выглядело как её начало. ✅ Исправлено: рендер показывает оба края — «… раньше N» сверху и «… ещё N» снизу.	plan_from_script.py · infographics_uvie.py → chapter_card
№8	cards_n и framed_shot делят строку только по « — », а split_item принимает ещё « - » и «: » cards_n	Один и тот же текст разбирается по-разному в схеме и в шаблонной раскладке.	infographics_uvie.py:239 · layouts_uvie.py:75
№9	Моно-метка 46 px в раскладках против 60 px в инфографике	На стыке шаблонного экрана и схемы метка прыгает в размере, хотя токен у них один.	layouts_uvie.py:86 · infographics_uvie.py:45
№10	Подпись настраивается, а ширина полосы рендера зашита на 72 % heygen_mock	Любое другое число в подписи разойдётся с картинкой.	layouts_uvie.py:266-268
№11	Зеркало палитры: значения совпадают полностью, расходятся имена ключей	Цветовых расхождений нет ни одного. Но пятнадцать ключей переименованы (text→ink, accent→amber, graphite→g), а gift и heygen_mock расплющены в gift_* и hg_*. Зеркало держится руками; сверка встроена в build_dna_page.py --check.	preprod_profile.json → design · review_profile.json → style.mockup.palette
№12	Янтарь делал три работы вместо двух: полоса сверху, метка и ромб текущего пункта chapter_card	Канон accent_max_per_screen = 2 нарушался на 95 из 140 экранов урока 01. ✅ Исправлено: ромб текущего пункта стал белым — подсветку и так держат кегль и жирность.	infographics_uvie.py → chapter_card
№19	Кадры записи урока не годятся как подложка под плашки	Урок 01 записано вебинаром: в главной области слайд, эксперт — мелким окном в углу. Плашка поверх слайда не показывает ничего. ✅ Исправлено: подложка вырезана из Zoom-записи встречи, где эксперт в кадре целиком — 03_Design/speaker_frame.jpg.	01_Research/work/M01/frames
№20	Раскладки канала не держали спикера в кадре, хотя формат — эксперт один в кадре	Панель закрывала правые 40 % и отдавала спикеру левый край; конечная заставка была графитом без человека. ✅ Исправлено по ДНК YTCR: текст слева на 55 %, спикер справа; тема урока — поверх кадра со спикером. ⚠️ Проверить на первой студийной съёмке: сейчас подложка — кадр из Zoom, в студии кадрирование будет другим.	layouts_uvie.py · side_panel, ctv, topic_title
№13	Мёртвые лимиты: question_card.items = 2 и attempts_grid.items = 6	У этих видов нет текстовых списков (n и hi лежат в LINT_SKIP) — лимит не срабатывает никогда.	plan_from_script.py:35, 43
№14	Две заявки висели в плане съёмки как несуществующая работа shoot_request	У обеих shoot = false при статусе «нужно снять»: по действию это наша графика — заставка и конечная плашка. ✅ Исправлено: family graphic, съёмка эксперта уменьшилась с мнимых 3:48 до 3:36.	inserts_M01.json · INS-19, INS-25 (до перенумерации)
№15	Один и тот же скринкаст был заказан дважды с разных якорей shoot_request	Страница материалов с тремя промптами: эксперт записал бы один экран два раза. Прежняя проверка сверяла тройку (якорь, where, gist) и таких дублей не видела. ✅ Исправлено: одна съёмка, два показа.	inserts_M01.json · INS-18 и INS-24 (до перенумерации)
№16	Ключ screen_kinds в профиле канала — это виды СЕКЦИЙ, а не видов экрана	Там лежит {TH — эксперт в студии, SC — скринкаст}. Имя коллизирует с этой библиотекой; переименование профиля — отдельное решение, здесь только предупреждение.	preprod_profile.json:320-323
№17	Аудит браковал бы крупную фразу за то, ради чего она сделана big_phrase	Фраза — дословная цитата эксперта и один пункт без цифры: оба флага сработали бы всегда. ✅ Исправлено: заведены наборы ACCENT и SERVICE, взамен появились два точных флага — фраза не из речи и больше одного крупного экрана на главу.	viz_audit.py:99, 101
№18	Два разных слайда с одинаковым вопросом давали два одинаковых экрана question_card	Дедуп сверял id слайда, а не текст: «Что вам понадобится?» собралось дважды. ✅ Исправлено: дедуп по нормализованному заголовку, вопросов стало четыре вместо пяти.	plan_from_script.py:244

Источники и пути

Пути даны текстом, чтобы копировались целиком.

Версия 12 · собрана 20 сентября 2026, 22:36. Номер растёт на каждой пересборке — по нему видно, ту ли страницу смотрим.

Страница

/Users/romansergeev/YTAI/YTs/YTUVIE/site/dna.html

Пересобрать

python3 ~/YTAI/scripts/13_preprod/1304_visual_tz/build_dna_page.py
python3 ~/YTAI/scripts/13_preprod/1304_visual_tz/build_dna_page.py --check

Что правит человек

~/YTAI/scripts/13_preprod/1304_visual_tz/screen_kinds_uvie.py   — весь текст страницы
~/YTAI/scripts/13_preprod/1304_visual_tz/layouts_uvie.py        — раскладки
~/YTAI/scripts/13_preprod/1304_visual_tz/infographics_uvie.py   — схемы
~/YTAI/YTs/YTUVIE/preprod_profile.json                          — палитра, источник истины

Урок 01

/Users/romansergeev/Desktop/YTUVIE/YTUVIE-Projects/YTUVIE01_Kickoff_Setup

Google Doc урока

https://docs.google.com/document/d/1MQDfDaAHE6XMUokpXmh2o9d8LBt0YWbYs-0R_ikSEgk/edit

Страница работает по file:// двойным кликом из Finder: ни одного fetch, шрифты лежат рядом в fonts/, превью — в examples/.