Design System (вёрстка PDF)

Дата: 13.08.2026

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

1. Палитра

2. Типографика

Шрифт для PDF и печати: Inter (sans-serif), DejaVu Sans (fallback)
Шрифт для кода: JetBrains Mono или Menlo
Шрифт для презентаций: Inter Bold для заголовков, Inter Regular для текста

3. Структура ученической методички

# Занятие N. {Название}

**Уровень**: Базовый / Средний
**Фокус нагрузки**: теория / практика / сборка
**Навыки занятия**: [тег1, тег2, тег3, тег4, тег5]
**Длительность видео**: 2-3 микро по 10-15 мин
**Длительность живого занятия**: 90 мин
**Для кого**: менеджеры-новички на WB+Ozon+Яндекс.Маркет

## TL;DR (3 строки)
{Что ученик сможет делать после занятия. Конкретно.}

## Цель
{Одна фраза.}

## Зачем это нужно
{1-2 абзаца: проблема, которую решает занятие. С реальной болью менеджера.}

## Что понадобится
- {ChatGPT Plus / Claude Pro / MPStats / кейс-товар / etc.}
- {Доступы, файлы, данные - конкретно}

## Теория (блок 1, 10-15 мин)
{Минимум теории. То, что нужно для понимания шагов.}

## Пошаговая инструкция

### Шаг 1. {Название}
{Что сделать.}

**Частая ошибка**: {что обычно ломается}
**Подсказка**: {лайфхак}

### Шаг 2. {Название}
...

## Промпты занятия
| # | Назначение | Платформа | Промпт |
|---|---|---|---|
| 1 | {одна фраза} | WB/Ozon/ЯМ | {полный текст} |

## Практика (блок 2, 30-40 мин)
{Возьми свой товар / кейс-магазин. Сделай шаги 1-N.}

### ❌ Неоптимальный подход
{Пример плохого промпта/действия. Что получится.}

### ✅ Правильный подход
{Тот же кейс, но хорошо. Что получится.}

### Итерация
1. **Стартер-промпт** → результат
2. **Расширение** → улучшенный результат
3. **Финал** → артефакт

## Чек-лист «занятие усвоено»
- [ ] {результат 1}
- [ ] {результат 2}
- [ ] {результат 3}

## Домашка
{Одна конкретная задача на свой товар.}

## Что делать с результатом
{Куда внедрить в реальную работу. С дедлайном.}

## Типовые проблемы
| Симптом | Причина | Решение |
|---|---|---|
| {...} | {...} | {...} |

## Выходной билет (5 мин)
- Что нового узнал?
- Что непонятно?
- Что внедрю завтра?

## Дальше
→ [Занятие {N+1}]({ссылка})

Целевой объём: 250-500 строк на занятие (было 100-310).

4. Структура преподавательской методички

# Занятие N. Шпаргалка преподавателя

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

## За 30 минут до старта
- [ ] {что открыть на ноутбуке}
- [ ] {какие вкладки браузера}
- [ ] {проверить VPN, доступы}

## За 5 минут до старта
- [ ] {что сказать участникам при входе}
- [ ] {что проверить у каждого}

## 0-5 мин. Вводная
**Сказать (читай с экрана дословно)**:
> «{Текст реплики.}»

## 5-20 мин. {Блок теории}
...

## 20-65 мин. {Демо + практика блоками по 15 мин}
### 20-35 мин. Демо части 1
...
### 35-50 мин. Практика части 1 (ученики делают)
...
### 50-65 мин. Демо части 2 + практика
...

## 65-75 мин. Парный QA
{Формат: Фрагмент → Риск → Правило → Правка промпта}

## 75-85 мин. Сборка артефакта
{У каждого ученика должен быть готовый файл/текст}

## 85-90 мин. Выходной билет + домашка
...

## Контрольные точки (единая сетка 90 мин)
- [ ] К 5-й минуте: группа знает итог и режим работы
- [ ] К 15-й минуте: долг прошлого занятия закрыт
- [ ] К 30-й минуте: теория закончена, пошли блоки демо/практика
- [ ] К 65-й минуте: новая теория больше не подаётся
- [ ] К 85-й минуте: у каждого есть артефакт
- [ ] К 90-й минуте: выходной билет отправлен

## Красные флаги (что ломается)
- «Добавил полезную идею по ходу» = потеря линии → parking lot
- «Показал клиентские данные» = нет → обезличить
- «Переключился между Chat/Work/Search» = путаница → одна линия

## Parking lot
{Сюда пишем оффтоп-вопросы, к ним возвращаемся в конце или на Q&A}

## План Б
- Если сломался Zoom-показ → {сценарий}
- Если отвалился интернет → {сценарий}
- Если группа отстаёт на 20 мин → {что сократить}

5. Структура чек-листа (1 страница A4)

Чек-лист занятия N
{Название}

☐ Этап 1. {Что сделать}
  ☐ Шаг 1.1
  ☐ Шаг 1.2
☐ Этап 2. {Что сделать}
  ☐ Шаг 2.1

Итог: {что должно быть готово}

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

6. Skills Passport сертификата

Актуальная версия макета - в Сертификат-Skills-Passport/skills-passport-template.md. Здесь только визуальные требования.

• Формат: PDF A4 landscape, поля 20 мм, фон белый.
• Акцент - фиолетовый #6B46C1 (заголовок, рамка, номер), галочки навыков - зелёные #10B981.
• Обязательные элементы бланка: номер SP-{поток}-{порядковый}, 10 строк подтверждённых навыков, блок прогресса «до → после» на 10 строк, поле подписи, футер с контактами для проверки подлинности.
• Часы курса на бланке берём из расчёта в шаблоне (эфиры + видео + практика), не округляем на глаз.

Рубрика финального проекта - в Сертификат-Skills-Passport/final-project-rubric.md (20 баллов: 2 peer-рецензии по 5 + преподаватель 10, порог выдачи 14). Дублировать её в других файлах не нужно.

7. Структура рабочей тетради ученика

Формат: PDF, A4, вертикальная, 38 страниц, для печати и GetCourse.
Макет-источник: Рабочая-тетрадь/workbook.md (границы страниц размечены --- стр N ---).

РАБОЧАЯ ТЕТРАДЬ
Курс «Автоматизация продаж на маркетплейсах»
Поток: {дата} · Ученик: {имя}

СОДЕРЖАНИЕ
1. Обложка и как пользоваться           стр. 1-2
2. Карта сквозного кейса и прогресса    стр. 3-4
3. Занятия 1-10, по 3 страницы          стр. 5-34
      З1 стр. 5-7    З6 стр. 20-22
      З2 стр. 8-10   З7 стр. 23-25
      З3 стр. 11-13  З8 стр. 26-28
      З4 стр. 14-16  З9 стр. 29-31
      З5 стр. 17-19  З10 стр. 32-34
4. Финальный проект и дневник прогресса стр. 35-36
5. Выходные билеты и шпаргалка формул   стр. 37-38

Каждое занятие - ровно 3 страницы по единому шаблону:

Арифметика схемы: 2 + 2 + 30 + 2 + 2 = 38 страниц. Меняешь число страниц на занятие - пересчитываешь всю нумерацию, включая ссылку из глоссария на шпаргалку формул (стр. 37-38).

Канон артефактов по занятиям - единственный источник 01-10-Занятия-ученик/case-map-112444005.md. В тетради он копируется в таблицу на стр. 4 с пометкой об источнике.

8. Шаблон Prompt Library 2.0

Формат: xlsx с листами + MD для GetCourse.

Листы xlsx:

1. Все промпты (autofilter)
   • Колонки: ID, Занятие, Назначение, Платформа, Роль, Сложность, Промпт
2. По занятиям (сводка)
3. По платформам (WB / Ozon / ЯМ / кросс-платформа)
4. По ролям (менеджер карточек, маркетолог, оператор отзывов)

GetCourse: страница с поиском по тегам, копирование в один клик.

9. Помощник селлера (Gem / Custom GPT)

Актуальная версия инструкции, базы знаний и eval-набора - в Custom-GPT/custom-gpt-assembly.md. Здесь только рамка.

• Три слоя: инструкция (роль, маршрутизация, стоп-условия) · база знаний (текстовые файлы) · стартовые фразы (5-6 кнопок).
• База знаний: 24 промпта курса, глоссарий 40 терминов, сравнительная таблица площадок, правила по отзывам и вопросам.
• Проверено 14.08.2026: создание новых Custom GPT доступно только на ChatGPT Business/Enterprise/Edu. Основной путь для ученика - Gemini Gem (бесплатно), запасной - закреплённые промпты в Project.
• Стиль ответов помощника - тот же, что у всех материалов курса: без эмодзи, без клише, цифры только с источником и датой.
• Публикация - после прогона 10 eval-вопросов; провал чиним правкой инструкции, не отдельного ответа.

10. Имена файлов - рекомендация для новых

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

Рекомендация для нового файла:

• kebab-case, латиница, без пробелов и скобок: final-project-rubric.md, а не Рубрика проекта (финал).md
• дата в имени - только если файл версионируется по датам и старые версии нужны рядом: research-tariffs-2026-08-13.md
• экспортные артефакты (PDF, xlsx) - с датой сборки: workbook-2026-08-18.pdf, checklist-06-2026-08-14.pdf
• раздатки - с номером задачи: razdatka-22-debug-prompt.md
• папки с кириллицей в названии - оставляем как есть, они видны преподавателю и не участвуют в ссылках из кода

Если старый файл всё же переименовывается - в тот же коммит идёт правка всех ссылок на него: grep -rn "старое-имя" по папке курса, ноль совпадений перед сдачей.

11. Полиграфия (печатные материалы)

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

Полоса и поля

Колонтитулы и нумерация

• Верхний колонтитул: слева - название материала, справа - номер и название занятия («Занятие 6. Анализ рекламных кампаний WB»). 9 pt, цвет #6B46C1, тонкая линейка под колонтитулом.
• На страницах вне занятий (обложка, финальный проект, шпаргалка) справа - название раздела вместо номера занятия.
• Нумерация страниц - внизу по центру, 9 pt, тёмный текст #1A1A1A. На обложке номер не печатается, но в счёте участвует.

Таблицы

• Шапка: фон #F3F4F6, текст #1A1A1A, полужирный, 10 pt.
• Тело: 10 pt, зебра через строку #F9FAFB.
• Линейки: только горизонтальные, 0,5 pt, цвет #E5E7EB. Вертикальных линеек нет.
• Акцентная колонка (итог, решение) - текст #6B46C1.
• Ячейка под заполнение учеником - подчёркивание ____ или пустая ячейка со светлым фоном #F9FAFB.

Чекбоксы

• Символ ☐ (U+2610), кегль на 1 pt крупнее текста строки, отступ до текста 4 мм.
• Заполненный вариант в примерах - ☑ зелёным #10B981. В печатных бланках всегда пустой ☐.
• Список чекбоксов - без маркеров списка: сам ☐ и есть маркер.

Цветовые роли (палитра из §1): фиолетовый - заголовки и акценты, зелёный - успех и галочки, янтарный - «частая ошибка», красный - запреты. Больше четырёх акцентных цветов на развороте не используем.

11.1. Глоссарий - шаблон

Две колонки, термин слева, определение справа. Пример - отдельной строкой мелким кеглем.

┌──────────────────┬──────────────────────────────────────────────┐
│ КВВ (WB)         │ Комиссия маркетплейса с каждой продажи.      │
│                  │ Зависит от категории и модели (FBW/FBS/DBS). │
│                  │ Пример: футболки FBW 43,5%, FBS 48%.         │
└──────────────────┴──────────────────────────────────────────────┘

• Ширина колонок: 30% / 70%. Термин - полужирный, 11 pt. Определение - 10 pt. Пример - 9 pt, цвет #4B5563.
• Категории (A-D) - подзаголовок H2 с линейкой, по 10 терминов в каждой.
• Термин, зависящий от даты (тариф, правило площадки), помечается сноской с датой проверки.

11.2. Банк задач - карточка задачи

┌────────────────────────────────────────────────────────┐
│ 6.1 [D]  Конвейер, дни 1-3                    ~70 мин  │
├────────────────────────────────────────────────────────┤
│ Что делаем: {2-3 строки}                               │
│ Что сдаём:  {формат артефакта}                         │
│ Критерий:   {проверяемое условие приёмки}              │
└────────────────────────────────────────────────────────┘

• Номер задачи и тег [D]/[S]/[R]/[D→S] - в шапке слева, полужирный, фиолетовый. Время - справа, 9 pt.
• Карточка не разрывается между страницами.
• Тег расшифровывается в легенде вверху раздела, не в каждой карточке.

11.3. Выходной билет - шаблон

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

┌────────────────────────────────────────────────────────┐
│ ВЫХОДНОЙ БИЛЕТ · Занятие 6                             │
│                                                        │
│ что нового узнал:  _________________________________   │
│ что непонятно:     _________________________________   │
│ {персональная строка занятия}: ______________________  │
└────────────────────────────────────────────────────────┘

• Рамка 1 pt, цвет #6B46C1, скругление 4 pt, внутренние отступы 6 мм.
• Заголовок - 11 pt полужирный, строки - 10 pt.
• Третья строка у каждого занятия своя, берётся из exit-ticket-template.md. Не подставляй универсальную - весь смысл билета в ней.

11.4. Сравнительная таблица площадок - шаблон

┌──────────────┬────────────┬────────────┬────────────┐
│ Параметр     │ WB         │ Ozon       │ Я.Маркет   │
├──────────────┼────────────┼────────────┼────────────┤
│ Комиссия     │ …¹         │ …²         │ …³         │
└──────────────┴────────────┴────────────┴────────────┘
¹ кабинет WB → Тарифы, проверено {дата}
² оферта Ozon, раздел {N}, проверено {дата}
³ справка Я.Маркета, проверено {дата}

• Первая колонка - параметр, дальше по колонке на площадку. Ширина: 25% / 25% / 25% / 25%.
• Каждая цифра в таблице несёт надстрочную сноску с источником и датой проверки. Ячейка без сноски в печать не уходит.
• Сноски - под таблицей, 9 pt, цвет #4B5563, нумерация сквозная в пределах таблицы.
• Строка, где данные - анонс, а не действующий тариф, помечается янтарным #F59E0B и словом «анонс» в ячейке.