| name | article-cover-format |
| description | Формат обложек и коллажей для статей Movie Planner (Habr, VC, DTF). Использовать при «обложка статьи», «cover 780×440», «коллаж со стрелкой», иллюстрации к постам про Shazam/AI. |
Обложки и коллажи для статей
Обложка Habr / VC — 780×440
Скрипт: scripts/build_habr_article_cover.py
Тема (переиспользуемая): scripts/article_cover_theme.py
cd scripts
python3 build_habr_article_cover.py \
--headline "Заголовок статьи" \
--subtitle "Как мы не даём LLM выдумывать фильмы" \
-o ../docs/articles/images/my-article-cover.png
Визуальный формат (не менять без причины)
| Элемент | Значение |
|---|
| Размер | 780×440 px, PNG |
| Фон | Тёмный градиент + pink/purple glow (без сетки, без схем поверх) |
| Шрифт | Unbounded Black (заголовок 34), SemiBold (подзаголовок 17, бренд 15) |
| Лого | moviebot/assets/og/icon48.png + «Movie Planner» слева сверху |
| Заголовок | По центру, auto-wrap до ~680px |
| Подзаголовок | По центру, #b4bac8 |
| Чипы внизу | Запрос → LLM → TMDB (+ галочка линиями, не unicode ✓) |
| Футер чипов | Shazam · AI-помощник · Vision · MCP |
Цвета
- Pink accent:
#ff2d7b
- Purple:
#7c3aed
- Green TMDB:
#22c55e
- Белый текст, muted подзаголовок
Коллаж «Запрос → Выдача»
Скрипт: scripts/build_shazam_screenshot_collage.py
Два скрина приложения (до/после Shazam) + прямая оранжевая стрелка (234, 88, 12) + подписи «Запрос» / «Выдача».
- Фон:
#f8fafc (248, 250, 252) — как shazam-spiderman-collage.png
- Подписи: Arial Regular 24, цвет
#0f172a — не Unbounded
- Скрины: скругление 24px, без белой «рамки телефона»
- Стрелка: горизонтальная, ~85px — не изогнутая
cd scripts
python3 build_shazam_screenshot_collage.py \
--left ../docs/articles/images/sources/shazam-liminal-query.png \
--right ../docs/articles/images/sources/shazam-liminal-results.png \
-o ../docs/articles/images/shazam-liminal-collage.png
Исходники скринов клади в docs/articles/images/sources/.
Эталоны
- Обложка:
docs/articles/images/habr-ai-movie-planner-cover.png
- Коллаж Statham:
docs/articles/images/shazam-statham-collage.png
- Коллаж liminal:
docs/articles/images/shazam-liminal-collage.png
Чеклист агента
- Обложка — ровно 780×440, без unicode-символов вне шрифта
- Плашки рисовать через
article_cover_theme.draw_chip (не compositing полупрозрачных слоёв)
- Коллаж — сохранять исходники в
sources/, не только финальный PNG
- CTA в статьях на сайте — «Войти в кабинет», не «запустить бота»
