01. Сначала структура
Иерархия важнее декора. Одна доминирующая мысль на экран. Названия, номера и линии помогают прочитать материал в правильном порядке.
Agentplane / Brand guidelinesEdition 01 — 2026
Agentplane/
Работа, которую
можно проверить.
Визуальный язык для ясных правил,
видимых изменений и проверенных результатов.
01 / Принципы
Ясность — часть системы.
Agentplane — Git-native control plane для coding agents. Бренд показывает, как работа становится обозримой: правила, задача, изменение, проверка.
02. Доказательства рядом
Показывайте конкретный артефакт, статус и источник. Отличайте план от результата, а иллюстрацию — от наблюдаемого поведения.
03. Человек видит контроль
Действие имеет понятный результат. Ограничения и границы полномочий называются прямо. Цвет поддерживает смысл, а не заменяет подпись.
02 / Идентичность
Один знак.
Узнаваемый ритм.
Используйте существующие SVG Agentplane. Знак и словесное начертание не перерисовываются.
Знак / 64 × 64Инверсия / только один цветСвободное поле
Рекомендуемый минимум — половина высоты знака со всех сторон. Не включайте в это поле текст, края контейнера или иллюстрации.
Размер и фон
Для самостоятельного знака используйте минимум 24px, для горизонтального логотипа — 140px по ширине. Это новые правила брендбука v1.0. Фон спокойный и контрастный.
Недопустимо
Не растягивать, не поворачивать, не менять пропорции и расстояния. Не добавлять тени, обводки, градиенты и цветные подложки внутрь знака. В тексте: Agentplane; CLI: agentplane.
03 / Цвет
Белое поле.
Точный сигнал.
Белый — основа. Графит задаёт иерархию. Коралл выделяет один смысловой акцент; синий, фиолетовый и зелёный обозначают роли.
Правило применения
Ориентир для новых материалов: 80% белых и светлых поверхностей, 15% графита, до 5% акцентов. Это композиционная рекомендация, а не измерение сайта.
Контраст важнее палитры
Коралловый #FF4F46 используйте как заливку с графитовым текстом, крупную графику или маркер. Для обычного текста выбирайте Graphite, Body, Slate или Trace. Зелёный и фиолетовый всегда сопровождайте словом.
Текущий сайт и наследие
Значения ниже извлечены из _home.module.css главной v2. Общий custom.css сохраняет #FC6B36, а оболочка — отдельные нейтрали. Эти значения не входят в новый основной профиль; брендбук не меняет существующий сайт.
Проверка контраста на белом фоне
| Роль | HEX | Контраст | WCAG AA · 4.5:1 |
|---|---|---|---|
| Graphite | #141820 | 17.78:1 | AA · текст |
| Body | #2D3541 | 12.37:1 | AA · текст |
| Slate | #647496 | 4.69:1 | AA · текст |
| Quiet | #6F80A1 | 3.98:1 | Не для обычного текста |
| Rule | #DEE4F0 | 1.28:1 | Не для обычного текста |
| Mist | #F7F8F9 | 1.06:1 | Не для обычного текста |
| Trace | #4E5BAE | 6.12:1 | AA · текст |
| Memory | #6C53AA | 6.08:1 | AA · текст |
| Verified | #257E6A | 4.92:1 | AA · текст |
| Signal | #FF4F46 | 3.25:1 | Не для обычного текста |
Расчёт sRGB для непрозрачных цветов. Для крупного текста нужен минимум 3:1; для обычного — 4.5:1. Проверка пар не является аудитом доступности всего сайта.
04 / Типографика
Уверенно.
Без лишнего шума.
Geist — заголовки и чтение. Geist Mono — команды, файлы, номера и технические подписи.
Geist / 400–600
Work you can
inspect.
DisplayFrom task to evidence.
52–74px / 1.01 · −0.045emHeadingA clear path to done.
32–48px / 1.12 · −0.04emBody
Каждое изменение оставляет читаемый след. Показывайте, что произошло и как проверен результат.
16px / 1.6 · 400Technical
.agentplane/tasks/<task-id>/README.md
12–14px / 1.6 · Geist MonoИерархия
Основной текст не меньше 16px в вебе. Метки 11–12px допустимы только для коротких второстепенных подписей с достаточным контрастом. Длина строки — 55–75 знаков.
Набор и локализация
Не используйте моноширинный шрифт для длинного чтения. Проверяйте кириллицу и переносы в финальном носителе. Не сжимайте шрифт, чтобы вместить текст; сокращайте текст или меняйте композицию.
05 / Композиция
Сетка держит
сложность.
Общее начало строки, просторные поля и тонкие разделители создают порядок без лишних контейнеров.
010203040506070809101112
4812162432486496Веб
Контент главной — до 1180px; внешняя рамка — до 1240px. Поля от 24px на широком экране и 20px на мобильном. Сетка 12 колонок превращается в один поток чтения.
Поверхности
Белый фон и Mist для второстепенных областей. Радиус стандартного элемента — 4px. Тени нужны только для отделения плавающего элемента. Текущая навигация сайта — отдельное существующее исключение с большими радиусами.
Интервалы
Базовая шкала: 4, 8, 12, 16, 24, 32, 48, 64, 96px. Устанавливайте расстояние по смыслу: внутри группы меньше, между группами больше. Не обводите каждую смысловую единицу.
06 / Носители
Один язык.
Разные масштабы.
Пять фиксированных профилей для цифровых материалов. Макеты используют одну палитру, типографику и правила композиции.
1920 × 1080ПрезентацияОткрыть макет ↗1200 × 630Горизонтальный постОткрыть макет ↗1080 × 1080Квадратный постОткрыть макет ↗1080 × 1350Вертикальный постОткрыть макет ↗794 × 1123Документ A4Открыть макет ↗
Сохраняйте поля
В каждом профиле заданы холст, безопасное поле, заголовок и основной текст. Не масштабируйте веб-скриншот до размера слайда. Профили — новые рекомендации, а не извлечённые параметры существующих презентаций.
Экспорт и единицы
Презентация: 1920 × 1080 на 13⅓ × 7½ дюйма; 1px = 0.5pt. A4: 794 × 1123px при 96dpi; 1px = 0.75pt, поля ≈15.9mm. Социальные носители экспортируются в исходном размере.
Ограничения
A4 — цифровой профиль: печатные вылеты, CMYK и требования типографии задаются отдельно. Перед экспортом проверьте шрифты, переносы, порядок чтения и читаемость на телефоне. Текст не уменьшается автоматически.
07 / Интерфейс
Действие понятно.
Состояние видно.
Одна главная кнопка в контексте. Ссылка ведёт в другое место; кнопка выполняет действие.
Пример компонента / загрузка ресурса
Скачать DESIGN.md ↗Начните с правил.
Скачайте спецификацию перед созданием нового материала.
In progressContext recordedVerifiedNeeds review
Клавиатура и фокус
Интерактивная область — минимум 44 × 44px. У каждого действия виден фокус. Ссылки внутри текста подчёркнуты. Иконка без текста получает доступное название.
Обратная связь
Показывайте ожидание, успех и ошибку словами. Цвет и анимация — дополнительный канал. Не называйте результат Verified без соответствующего свидетельства. Демонстрационные состояния не являются данными продукта.
Движение
Наведение — 170–180ms; появление — до 600ms и 12px. Предпочитайте opacity и transform. Уважайте prefers-reduced-motion. Не скрывайте содержимое до выполнения JavaScript.
08 / Графика
Показывайте
механизм.
Графика раскрывает структуру работы. Главные мотивы — путь, связанный артефакт и проверяемый переход.
Визуальный мотив / схема, не live status
TaskScope + owner→ChangeReviewable diff→EvidenceObserved result
Схемы и артефакты
Тонкие линии, выравнивание по сетке, короткие подписи. Моноширинный текст для имён файлов. Связи показывают реальную последовательность; декоративные провода и случайные узлы не нужны.
Редакционные иллюстрации
Геометрия и ограниченные плоские цветовые плоскости допустимы в обложках блога. Используйте оригинальные материалы Agentplane. Скриншоты должны сохранять читабельность и не содержать приватные данные.
Происхождение
Из DelfiN заимствована структура дизайн-системы, а не логотипы, изображения, палитра или шрифтовые файлы. Новых фотографий и сторонних иллюстраций этот комплект не содержит.
09 / Голос
Точно о работе.
Честно о результате.
Спокойный инженерный тон. Конкретный глагол, объект действия и наблюдаемое последствие.
Review the change.
Inspect the evidence.
Задача завершена. Проверка сборки прошла. Проверка в production ещё не выполнена.
Magic. Autonomous.
Guaranteed.
Не обещайте безошибочную автономность, универсальную безопасность или подтверждённый результат без доказательств.
Термины
Бренд — Agentplane. Команда и пакет — agentplane. Названия файлов, CLI и полей сохраняйте дословно. Используйте один термин для одного понятия.
Заголовки и кнопки
Заголовок сообщает одну мысль. Кнопка начинается с глагола: Download tokens, Review change, Open task. Избегайте общих «Подробнее» там, где можно назвать результат.
Продуктовые утверждения
Брендбук задаёт оформление и тон, а не новые возможности продукта. Публичные обещания сверяются с каноническими материалами продукта; документация продукта остаётся в basilisk-labs/agentplane.
10 / Ресурсы
От правил
к материалам.
Исходные ресурсы для дизайнеров, разработчиков и AI-агентов. Версия 1.0 · 3 ноября 2026.
СпецификацияПринципы, правила и границы применения↓CSS variablesПалитра и базовые роли↓Resolved JSONТипографика, интервалы и профили↓DTCG colorsЦветовые токены для инструментов↓Профили носителейХолсты, поля и размеры текста↓КонтрастРассчитанные пары с белым и графитом↓ПроисхождениеИсходные пути и SHA-256 логотипов↓
Перед выпуском
Проверьте контраст, свободное поле знака, переносы, фокус, мобильную ширину и reduced motion. Для нового носителя используйте профиль, а затем проверяйте финальный экспорт.
Статус и источник
Веб-основа извлечена из текущей рабочей версии Agentplane v2, включая незакоммиченные изменения на 03.11.2026. Профили носителей и правила логотипа установлены этим брендбуком. Их внедрение в сайт — отдельная задача.