AI CJM Brand System Версия 2.1.0 Статус stable

Бренд-система для людей и AI-агентов

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

Инструкция для AI-агента Открыть исходный канон

208design tokens

23контракта компонентов

9паттернов сборки

6профилей артефактов

Решение

Стратегия, характер и границы бренда.

Система

Semantic tokens и stable-компоненты.

Сборка

Паттерн и профиль конкретного артефакта.

Контроль

QA, compliance report и решение по исключениям.

Источник истиныРешение → semantic token → component contract → pattern → evidence

Production подтверждает происхождение решения. Случайное значение из CSS не становится нормой автоматически.

ПоверхностьWhitesurface.page

Тихая зонаSubtlesurface.subtle

Рабочий контурDeep navysurface.deep

ДействиеRoyal blueaction.primary

Основной текстInktext.primary

Inter / 700От задачи к рабочему результату

Крупные плотные заголовки задают тезис. Спокойный основной текст раскрывает процесс, ограничения и доказательства.

Линии и плоскости

Глубина создаётся поверхностью и границей. Тень обозначает только реальное наложение.

Острые формы

Контентные поверхности и controls сохраняют нулевой радиус. Круг остаётся для аватаров и точечных индикаторов.

Функциональное движение

Motion объясняет состояние, учитывает reduced motion и сохраняет чтение главным.

AI CJMОсновной текстовый знак

AI CJMЗнак на deep surface

Логотип

Живой текст или SVG

Inter 700, одна строка, исходные пропорции и защитное поле высотой буквы A.

Фотографии

Реальные люди и работа

Единое кадрирование, содержательный alt и проверенное происхождение каждого asset.

Графика

Outline-схемы

Диаграмма объясняет процесс, связи и ответственность. Иконка использует currentColor.

Primitivecolor.blue.700Измеренное значение

Semanticaction.primaryРоль в интерфейсе

Componentcomponent.button.primary.backgroundКонтракт компонента

JSONSemantic tokensРоли цвета, типа, layout и motion JSONComponent tokensЗначения публичных компонентов CSSStable projectionГотовые переменные с префиксом --aicjm-

32stable

3candidate

Смотреть все компоненты

Навигация

site-header / primary-nav / tabs / filter-bar / site-footer

Маршрут, выбор и доступное состояние.

Действия

button / text-link / form-control / lead-form

Понятный следующий шаг и полная state matrix.

Карточки

case-card / person-card / program-card / event-card

Отдельная anatomy для кейса, эксперта, программы и события.

Доказательства

proof / metric / testimonial / source-note / media-frame

Проверяемый claim рядом с источником и контекстом.

Объяснение

process / diagram / faq

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

Системные блоки

breadcrumbs / result-status / pagination / contact-panel

Полный маршрут detail, каталога и обращения.

18section patterns

12page patterns

Смотреть все секции

01Landingобещание → proof → метод → результат → CTA 02Productзадача → контур → workflow → proof 03Programаудитория → маршрут → артефакты 04Case catalogфильтры → status → карточки → continuation 05Case detailконтекст → работа → результат → источники 06Expert catalogзадача → роль → профиль 07Expert profileкомпетенция → evidence → форматы 08Eventконтекст → agenda → speakers → participation 09Articleлид → разделы → sources → continuation 10Contactмаршрут → форма → ожидание ответа 11Legalметаданные → содержание → нормативный текст 12Campaignоффер → программа → proof → решение

Одобрено

Сначала уточним роли, процессы и ограничения, затем предложим формат практики и критерии результата.

Запрещено

Наши ведущие эксперты совершат революцию в работе вашей команды.

Задача компании→Формат работы→Практический артефакт→Измеримый результат→Следующий шаг

Открыть полный verbal guide

01
Прочитать manifest и hard rules
Версия, authority, запреты и обязательные entrypoints.
02
Выбрать один artifact profile
Web, presentation, proposal, report, social или email.
03
Собрать из patterns и stable components
Только semantic/component tokens, без raw-значений.
04
Выполнить QA и compliance report
Исключение оформляется явно до сдачи.

Стартовый запрос агенту

Используй AI CJM Brand System 2.1.0.
Начни с /brandbook/system/brand.manifest.yaml,
затем прочитай DESIGN.md, read-order.md и hard-rules.md.
Выбери профиль артефакта, используй только stable-компоненты
и semantic/component tokens. Заверши QA и compliance report.

01brand.manifest.yaml 02DESIGN.md 03read-order.md 04hard-rules.md 05component registry 06pattern registry

Web system

WCAG 2.2 AA

Контраст, клавиатура, focus-visible, reflow, labels и reduced motion.

4 viewport

375, 768, 1024 и 1440 px с проверкой композиции и overflow.

Stable only

Candidate активируется только решением владельца или approved exception.

Evidence-backed

Факты, метрики, люди, логотипы и assets сохраняют provenance.

Статус системы2.1.0 / stable

Web System синхронизирован с production /edu/; Presentation System сохраняет свой профиль.

Скачать ZIP Открыть QA-контракт

Бренд-система для людей и AI-агентов

Одна система управляет каждым артефактом

Решение

Система

Сборка

Контроль

Визуальный язык показывает работу

Линии и плоскости

Острые формы

Функциональное движение

Айдентика остаётся точной и живой

Живой текст или SVG

Реальные люди и работа

Outline-схемы

Токены превращают стиль в точные ограничения

Компонент сильнее локальной импровизации

site-header / primary-nav / tabs / filter-bar / site-footer

button / text-link / form-control / lead-form

case-card / person-card / program-card / event-card

proof / metric / testimonial / source-note / media-frame

process / diagram / faq

breadcrumbs / result-status / pagination / contact-panel

Паттерны задают смысловой порядок

Голос передаёт спокойную рабочую уверенность

AI-агент получает жёсткий порядок работы

Полные примеры показывают систему в работе

32 живых компонента

18 полноценных секций

12 полных страниц

14 slide layouts

6 narrative recipes

3 полных презентации

Коммерческое предложение

Готовность подтверждается проверками