Что вы получите
- DESIGN.md в открытом формате: токены во вступлении и письменные правила ниже
- tokens.json (токены W3C) и tokens.css со светлой и тёмной темами
- Вордмарк, символ, локап, инверсная и одноцветная версии SVG в контурах
- Страница бренда на одном листе в офлайн HTML и PDF, с 4–6 мокапами
- Страница мудборда из трёх направлений на выбор
Подходит для
- Задать идентичность новому продукту, магазину или личному проекту за одну сессию
- Написать DESIGN.md, чтобы кодовый агент перестал делать типовой интерфейс
- Превратить существующий файл темы в документированную, проверенную по контрасту систему
- Убедительная страница бренда для питча или первой встречи с клиентом
Не подходит для
- Проверка товарного знака: навык избегает похожих решений, но не ищет по реестрам
- Маскоты или полные системы иллюстраций
- Точное соответствие строгому существующему брендбуку построчно
Как пользоваться
В Claude или ChatGPT
Используйте навык PopNow «Генератор брендбука и DESIGN.md» (brand-kit-design-md) для этой задачи: Брендбук для Lumen Notes, спокойного приложения для заметок для исследователей, которые работают допоздна. Тёплый и немного хитрый, но не очередное фиолетовое ИИ-приложение. Логотипа пока нет.
В агенте для кода
/popnow-brand-kit-design-md Брендбук для Lumen Notes, спокойного приложения для заметок для исследователей, которые работают допоздна. Тёплый и немного хитрый, но не очередное фиолетовое ИИ-приложение. Логотипа пока нет.
Потом попробуйте
Берём направление A, но зелёный для тегов возьмём из B.
Пока только облегчённая версия: палитра, шрифты и голос, без кредитов на изображения.
Что подготовить
- Несколько строк о продукте, аудитории и характере
- Конкуренты, на которых не нужно быть похожим, с их основными цветами, если вы их знаете
- Логотип, цвета или шрифты, которые нужно сохранить
- Python 3 и Chrome; fonttools для вордмарков в контурах
Похожие навыки
Смотреть все →Чёрно-белый студийный портрет
+3Превратите обычное фото в спокойный чёрно-белый студийный портрет, на котором вы всё ещё узнаётесь.
Иллюстрации для статьи в блоге
+3Три согласованные иллюстрации к одной статье, и каждая показывает то, что говорит именно её фрагмент.
Плакат-разрез автомобиля с анатомией
+3Вид сбоку на разрез обобщённого автомобиля: цветные системы, пронумерованные маркеры и окна увеличения.
Генератор инфографики на школьной доске
+3Инфографика 16:9 в стиле школьной доски: точный короткий текст, меловые рисунки и один понятный путь чтения.
Кинематографические кадры раскадровки
+3Три листа раскадровки для одной сцены, каждый — свой способ снять её, с сохранённой непрерывностью.
Набор концепт-арта с единым стилем
+3Персонаж, предмет и среда, которые явно принадлежат одному вымышленному миру.
Милые каракули цветными карандашами
+3Неуклюжие и милые персонажи на белой бумаге: дрожащие линии, штриховка, чёткие файлы и стикеры.
Редакционная линейная иллюстрация
+3Воздушные иллюстрации чёрной тушью с одним акцентным цветом для шапок блогов, рассылок и карточек.
Обложка статьи в стиле гравюры
+3Одна сюрреалистичная гравюра чёрной тушью на эссе: штриховка от края до края, главная идея — одна сцена.
Разнесённый вид платформы электромобиля
+3Электромобиль, разобранный по слоям: батарея, моторы, салон и кузов в цвете, с выносками.
Плакат с разнесённым видом продукта
+3Чистое hero-изображение продукта в разнесённом виде с точными подписями деталей из вашей таблицы.
Генератор фэнтезийных карт
+3Пергамент, атлас или чёрные линии для карт вашего мира: каждое название надписано верно, сетки совпадают.
Карта вкусов регионов
+3Спокойная нарисованная карта регионов: у каждого небольшая диаграмма вкуса на общей шкале и честная легенда.
Генератор иллюстрированной карты города
+3Карта района или города в стиле рисунка от руки: верна там, где важно, и подписана точно.
Раскадровка эскизом тушью
+3Грубая раскадровка чёрной тушью по короткой истории: открытые линии, белое пространство, один бит в панели.
OG-картинка в стиле линейного рисунка
+3Спокойные картинки для превью ссылок: светлая карточка, короткий чёрный заголовок и персонаж линией.
Постер морской биологии
+3Широкий постер вокруг нарисованного разреза среды обитания с нумерованными видами и графиком результатов.
Генератор мокапов телефона
+3Приложение на 3D-складном телефоне, мягко раскрывающемся на светлом фоне: чёткие PNG или клип со сгибом.
Этюды фотокомпозиции
+3Три фотографических варианта одного сюжета, каждый построен на своём принципе композиции.
Генератор скетчноута
+3Превращает статью или заметки в один нарисованный от руки скетчноут 4:3 с точными, проверенными подписями.
Генератор обложек и превью для соцсетей
+3Одно сообщение на входе, проверенный набор OG-картинок, обложек и превью видео на выходе, точные размеры.
Вопросы
Что такое DESIGN.md и кто его читает?
Это простая текстовая дизайн-система: токены YAML наверху и письменные правила ниже. Кодовые и дизайн-агенты читают его, чтобы цвета, шрифты и отступы оставались согласованными. Навык пишет его в открытом формате, который понимают другие инструменты, и добавляет файлы логотипа, лицензии шрифтов, пары контраста и примеры голоса в один дополнительный ключ.
Цвета действительно доступны?
Каждая пара текста и фона, которую вы будете использовать, объявляется и проверяется скриптом по WCAG 2.2, включая тёмную тему. Неподходящие пары получают ближайший проходящий цвет того же оттенка, а коэффициенты округляются вниз, поэтому проход — это действительно проход.
Логотип сделан ИИ?
Нет. Вордмарк переводится в контуры из шрифта с открытой лицензией, а символ рисуется несколькими чистыми SVG-фигурами. Эскизы PopNow могут вдохновить символ, но растровое изображение никогда не поставляется как логотип, а линтер его отклоняет.
Как он избегает сходства с конкурентом?
Вы перечисляете бренды, на которые не нужно быть похожими, с их цветами и описанием знака. Проверка отмечает палитры, повторяющие их сочетание цветов, промпты не называют их, а символ сравнивается с их знаком до рисования. Это не юридический поиск по товарным знакам.