Ckmbanner Design

• Вам нужны баннеры для одной или нескольких социальных сетей, и вы хотите получить несколько вариантов стиля на выбор за один проход.
• Вы проводите рекламную кампанию и нуждаетесь в баннерах Google Display или Meta, соответствующих правилам платформ по соотношению текста и изображения.
• Вы разрабатываете секцию hero для веб-сайта и хотите получить визуальные материалы, сгенерированные ИИ с учётом ваших фирменных стандартов.
• Вам нужны баннеры для мероприятий или печати с разрешением 300 DPI и вылетами, и вы хотите иметь воспроизводимый пошаговый рабочий процесс.

• Вам нужен видеомонтаж, моушн-графика или анимированные баннеры — этот навык создаёт только статичные изображения.
• Вам нужен полноценный дизайн сайта, выходящий за рамки hero-секции.
• Вам нужны услуги полиграфического производства (подготовка файлов к печати, цветопроба) — навык создаёт файлы с характеристиками для печати, но не управляет процессом производства.

Каждый запрос на дизайн генерирует 2–3 distinct варианта художественного направления (по умолчанию: 3), охватывающих такие стили, как минимализм, жирная типографика, градиент, гласморфизм, неон, геометрия, ретро и другие. Это позволяет сравнить направления перед тем, как остановиться на одном.

Фоновые паттерны, градиенты и быстрые итерации создаются с использованием быстрой стандартной модели (Flash) в разрешении 2K. Главные иллюстрации, фотореалистичные сцены и сложные снимки продуктов создаются с использованием Pro-модели в разрешении 4K. Навык Ckmbanner Design автоматически направляет каждый элемент к подходящей модели в зависимости от его сложности.

Встроенный справочник размеров охватывает обложки Facebook, заголовки Twitter/X, LinkedIn, оформление канала YouTube, сторис и посты Instagram, баннеры Google Ads форматов leaderboard и medium rectangle, а также главные секции сайтов. HTML/CSS-баннеры отрисовываются и сохраняются в виде скриншотов с точными пиксельными размерами.

Каждый баннер создаётся с соблюдением правил безопасных зон (критически важный контент размещается в центральных 70–80% площади), одним призывом к действию, не более двумя гарнитурами шрифтов, контрастным соотношением 4,5:1 и рекомендацией Meta о доле текста не более 20% от площади изображения. Печатные материалы формируются с разрешением 300 DPI, в цветовой модели CMYK и вылетами 3–5 мм.

После компоновки HTML/CSS каждый баннер автоматически снимается в именованный PNG с помощью Chrome DevTools. Файлы размером более 5 МБ сжимаются через Sharp. Имена выходных файлов соответствуют kebab-case конвенции {style}-{width}x{height}.png и группируются по папкам кампании.

Руководство по фирменному стилю, хранящееся в docs/brand-guidelines.md, автоматически внедряется в каждый баннер с помощью inject-brand-context.cjs, обеспечивая единообразие цветов, шрифтов и размещения логотипа во всех вариантах без необходимости повторного ввода данных вручную.

Предоставьте навыку заголовок вашей кампании, призыв к действию и целевые платформы (например, обложка Facebook + пост Instagram + шапка Twitter/X). Ckmbanner Design изучит референсы дизайна, сгенерирует три варианта художественного оформления для каждого размера и подготовит именованные PNG-файлы, готовые к загрузке.

Предоставьте текст объявления и фирменные материалы. Навык создаёт пару форматов: лидерборд (728×90) и средний прямоугольник (300×250), сохраняя текстовую область менее 20% для соответствия политикам Meta и Google, затем экспортирует сжатые PNG-файлы для прямой загрузки на вашу рекламную платформу.

Опишите продукт или сообщение, а также предпочтительное визуальное настроение. Навык генерирует полноформатное hero-изображение размером 1920×600–1080 пикселей с наложенной типографикой, адаптированное под адзонирование для адаптивного кадрирования, и экспортирует высококачественный PNG-файл, готовый для использования во фронтенде.

Укажите физические размеры, и навык создаст файл в формате CMYK с разрешением 300 DPI и вылетом 3–5 мм — готовый для передачи напрямую в типографию. Варианты стилей варьируются от смелых редакционных макетов до ретро/винтажного оформления в зависимости от типа мероприятия.