KP_18: ТЗ НА ДИЗАЙН

РОУТЕР

ВХОД: Текст + Формат
         │
    ┌────┴────┬────────────┬────────────┐
    ▼         ▼            ▼            ▼
 TELEGRAM  IG ПОСТ    IG КАРУСЕЛЬ   IG STORIES
    │         │            │            │
    ▼         ▼            ▼            ▼
 Секция 1  Секция 2    Секция 3     Секция 4

Определи формат и перейди к нужной секции:

Формат	Секция
Telegram пост	→ СЕКЦИЯ 1: TELEGRAM
Instagram пост	→ СЕКЦИЯ 2: IG ПОСТ
Instagram карусель	→ СЕКЦИЯ 3: IG КАРУСЕЛЬ
Instagram Stories	→ СЕКЦИЯ 4: IG STORIES

ВХОДНЫЕ ДАННЫЕ

Перед созданием ТЗ на дизайн:

Открой карточку контента
Прочитай текст из секции ## Результат → ### Текст
Определи формат из поля format в frontmatter

Карточка:
  └── ## Результат
        └── ### Текст ← читай отсюда

СЕКЦИЯ 1: TELEGRAM

Когда single, когда carousel

Тип поста	Формат	Слайдов
Продажа объекта	carousel	4-6
Экспертный список	carousel	3-4
Кейс с цифрами	carousel	3-4
Аналитика/разбор	carousel или single	1-4
Дайджест/подборка	single	1
Анонс	single	1
Личное/размышление	single	1

Типы слайдов

type	Шаблон	Когда
cover	A	Первый слайд, hook
list	C	Список причин/выгод
metric	D	Одна большая цифра
project	E	Показ объекта
image_text	B	Фото + описание
cta	F	Последний слайд

Шаблон single

format: "single"
platform: "telegram"
post_type: "[тип]"
 
headline: "[3-7 слов]"
key_meanings: 
  - "[смысл 1]"
  - "[смысл 2]"
visual_hint: "[что изобразить]"

Шаблон carousel

format: "carousel"
platform: "telegram"
post_type: "[тип]"
slides_count: [число]
 
slides:
  - slide: 1
    type: "cover"
    headline: "[заголовок]"
    visual_hint: "[что изобразить]"
    
  - slide: 2
    type: "list"
    headline: "[заголовок]"
    bullets:
      - "[пункт 1]"
      - "[пункт 2]"
    
  - slide: N
    type: "cta"
    headline: "[призыв]"
    button_text: "[текст кнопки]"

СЕКЦИЯ 2: IG ПОСТ

Входные данные

Получаешь готовый текст из KP_03A_Instagram_Post.md:

[Текст поста — caption]

#хештеги

Типы визуала

Тип	Когда	Источник
Фото объекта	Продажа, showcase	Материалы клиента
Lifestyle фото	Эмоции, атмосфера	Фотобанк / материалы клиента
Графика с текстом	Экспертный контент	AI / шаблон
Цитата на фоне	Мнение, инсайт	Шаблон
Инфографика	Данные, статистика	AI

Правила оформления

Параметр	Значение
Aspect ratio	1080x1350 (4:5) — оптимально для ленты
Текст на картинке	3-7 слов (headline)
Шрифт	Читаемый, контрастный
Брендинг	Логотип мелко в углу (опционально)

Когда текст на картинке нужен

Нужен	Не нужен
Экспертный контент	Фото объекта (говорит само)
Цифра / факт	Lifestyle
Вопрос-провокация	Закулисье

Шаблон ТЗ

format: "single"
platform: "instagram"
post_type: "[Educational / Showcase / Lifestyle / Data / Quote]"
 
headline: "[3-7 слов — текст на картинке, если нужен]"
headline_position: "верх / центр / низ / нет"
visual_type: "фото / графика / инфографика"
visual_hint: "[что изобразить]"
visual_source: "материалы клиента / фотобанк / AI"
aspect_ratio: "4:5"
branding: "логотип в углу / нет"

Пример ТЗ

Текст из копирайтера:

Двухэтажка = двойные проблемы. Вот почему мы строим только одноэтажные виллы на Бали 👇

Бали — сейсмозона. Одноэтажная конструкция устойчивее...

#недвижимостьбали #виллабали

ТЗ для дизайнера:

format: "single"
platform: "instagram"
post_type: "Educational"
 
headline: "Двухэтажка = двойные проблемы"
headline_position: "центр"
visual_type: "фото"
visual_hint: "Одноэтажная вилла Pro Bali на фоне тропиков, вид сбоку"
visual_source: "материалы клиента"
aspect_ratio: "4:5"
branding: "логотип в углу"

Чеклист IG Пост

Указан format: single?
Указан post_type?
Headline 3-7 слов (если нужен)?
Visual_hint конкретный?
Aspect ratio 4:5?

СЕКЦИЯ 3: IG КАРУСЕЛЬ

Входные данные

Получаешь готовый текст из KP_03B_Instagram_Carousel.md:

## КАРУСЕЛЬ: [Тема]

**Тип:** [Showcase / Educational / ...]
**Слайдов:** [число]

### Slide 1 (Hook)
**Headline:** [текст]
**Body:** [текст]

### Slide 2
...

Типы каруселей → Визуальный подход

Тип	Визуальный стиль
Showcase	Фото объекта, рендеры, lifestyle
Educational	Графика, иконки, схемы
Before/After	Контрастные фото, split-screen
Data	Инфографика, графики, цифры
Myth-Busting	Красный (миф) vs зелёный (факт)

Типы слайдов

type	Когда	Элементы
cover	Slide 1-2, хук	Headline + subheadline + visual
content	Slides 3-8, контент	Headline + body/bullets + visual
metric	Wow-цифра	Big number + label + context
comparison	Сравнение	2 колонки или split
testimonial	Social proof	Quote + photo + result
cta	Финальный	Headline + action + helper text

Правила оформления

Параметр	Значение
Aspect ratio	1080x1350 (4:5) или 1080x1080 (1:1)
Headline	4-7 слов, крупный шрифт
Body	15-30 слов, читаемый шрифт
Bullets	Max 3-5, иконки опционально
Цветовая схема	Единая на всю серию
Swipe cue	Стрелка / прогресс / “Swipe →“

Swipe-сигналы

Элемент	Где использовать
Стрелка →	Правый край слайда
Прогресс “3/7”	Угол слайда
Split image	Изображение обрезано, продолжение на след. слайде
”Swipe to see”	В body или subheadline

Шаблон ТЗ

format: "carousel"
platform: "instagram"
carousel_type: "[Showcase / Educational / Before-After / Data / Myth-Busting]"
topic: "[тема]"
slides_count: [число]
aspect_ratio: "4:5"
color_scheme: "[основные цвета бренда]"
 
slides:
  - slide: 1
    type: "cover"
    headline: "[4-7 слов]"
    subheadline: "[опционально]"
    visual_type: "фото / рендер / графика"
    visual_hint: "[что изобразить]"
    visual_source: "материалы клиента / фотобанк / AI"
    swipe_cue: "стрелка / прогресс / нет"
    
  - slide: 2
    type: "cover"
    headline: "[второй хук]"
    body: "[15-30 слов]"
    visual_type: "[тип]"
    visual_hint: "[описание]"
    visual_source: "[источник]"
    swipe_cue: "прогресс"
 
  # ... slides 3-N-1
 
  - slide: N
    type: "cta"
    headline: "[призыв]"
    action: "[что делать]"
    helper_text: "[подсказка]"
    visual_type: "фото"
    visual_hint: "[описание]"
    visual_source: "[источник]"
    swipe_cue: "нет"

Чеклист Карусель

Указан format: carousel?
Указан carousel_type?
Указан aspect_ratio?
Slide 1 и 2 — оба type: cover (два хука)?
Для каждого слайда указан visual_type и visual_hint?
Swipe cues на всех слайдах кроме последнего?
Последний слайд type: cta?
Единая цветовая схема?

СЕКЦИЯ 4: IG STORIES

Входные данные

Получаешь готовый текст из KP_03C_Instagram_Stories.md:

## STORIES: [Тема]

### Сторис 1
[Текст]

### Сторис 2
[Текст]

...

Типы визуала для Stories

Тип	Когда	Источник
Видео (говорящая голова)	Личный контент, эмоции	Материалы клиента
Фото	Объекты, локации, люди	Материалы клиента / фотобанк
Графика	Схемы, сравнения, цифры	AI-генерация
Сплошной фон + текст	Акцент на тексте	Шаблон

Правила оформления

Параметр	Значение
Контраст	Высокий (текст читается)
Выравнивание	Левое (для текста >5 слов)
Расположение текста	Не по краям экрана
Анимация текста	НЕТ
Стиль серии	Единый

Расположение текста

Позиция	Когда
Верх	Визуал внизу (объект, человек)
Центр	Акцент на тексте, минимум визуала
Низ	Визуал вверху (небо, общий план)

Интерактив

Элемент	Когда
Опрос	Вовлечение, мнение
Вопрос	Сбор ответов, UGC
Ссылка	CTA на сайт/товар
Без интерактива	Информационный контент

Шаблон ТЗ

format: "stories"
platform: "instagram"
topic: "[тема серии]"
slides_count: [число]
 
slides:
  - slide: 1
    text: "[текст сторис]"
    visual_type: "видео / фото / графика / фон"
    visual_hint: "[что показать]"
    visual_source: "материалы клиента / фотобанк / AI"
    text_position: "верх / центр / низ"
    interactive: "нет / опрос / вопрос / ссылка"
    interactive_options: ["вариант 1", "вариант 2"]  # если опрос
    
  - slide: 2
    text: "[текст]"
    visual_type: "[тип]"
    visual_hint: "[описание]"
    visual_source: "[источник]"
    text_position: "[позиция]"
    interactive: "нет"
 
  # ... остальные слайды

Чеклист Stories

Указан format: stories?
Для каждого слайда есть text?
Указан visual_type?
Указан visual_source?
Указан text_position?
Последний слайд имеет интерактив или CTA?
Единый стиль серии?

ОБЩИЕ ПРАВИЛА

Заголовки на картинках

Правило	Пример
3-7 слов	”Когда покупать на Бали?” ✅
Без точки в конце	”Рост рынка” ✅
Не дублировать текст	Заголовок ≠ первая строка

Visual_hint — описывай конкретно

❌ Плохо	✅ Хорошо
”красивая вилла"	"белая вилла с инфинити-пулом, вид на океан, закат"
"Бали"	"рисовые террасы Убуда, зелень, туман”

Чеклист перед передачей

Указан format?
Указан platform?
Каждый слайд описан?
Visual_hint конкретный?
Нет дублирования текста?

Версия: 2.2
Дата: 31 декабря 2025
Изменения v2.2: Добавлена секция IG ПОСТ

AI-SKIN

Explorer

KP_25_Design_Brief

KP_18: ТЗ НА ДИЗАЙН

РОУТЕР

ВХОДНЫЕ ДАННЫЕ

СЕКЦИЯ 1: TELEGRAM

Когда single, когда carousel

Типы слайдов

Шаблон single

Шаблон carousel

СЕКЦИЯ 2: IG ПОСТ

Входные данные

Типы визуала

Правила оформления

Когда текст на картинке нужен

Шаблон ТЗ

Пример ТЗ

Чеклист IG Пост

СЕКЦИЯ 3: IG КАРУСЕЛЬ

Входные данные

Типы каруселей → Визуальный подход

Типы слайдов

Правила оформления

Swipe-сигналы

Шаблон ТЗ

Чеклист Карусель

СЕКЦИЯ 4: IG STORIES

Входные данные

Типы визуала для Stories

Правила оформления

Расположение текста

Интерактив

Шаблон ТЗ

Чеклист Stories

ОБЩИЕ ПРАВИЛА

Заголовки на картинках

Visual_hint — описывай конкретно

Чеклист перед передачей