Справка

Спецификация бренда

Визуальная идентичность, принципы UX, цветовая система и критерии приемки редизайна для Mantis.

Источник: docs/brand-guidelines.md в репозитории.

Руководство по бренду Mantis

Каноническая визуальная система для каждого публичного материала Mantis. docs/design/design-system.md является справочником по токенам и интерфейсу; этот документ определяет искусство.

Бренд в одном предложении

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

Каноническое художественное направление

Каждая созданная публичная иллюстрация, маркетинговое изображение, обложка новостей и обложка бенчмарка использует один и тот же язык физической вырезанной бумаги:

  • теплый слоновой бумаги с тонкими волокнами;
  • многослойные формы из вырезанной бумаги и картона с видимыми краями;
  • мягкий, естественный верхний студийный свет и сдержанные угольные тени;
  • угольный, лесной зеленый, жженый оранжевый и глубокий индиго на слоновой кости;
  • одна тематическая сцена, которая передает реальную задачу, решение или результат.

Стиль должен ощущаться как художественный и редакционный, никогда детский, как альбом для вырезок, плоский векторный, блестящий 3D или как универсальная иллюстрация AI.

Сначала объект, затем декор

Напишите краткий односентенционный бриф перед генерацией. Назовите главного героя, его действие или состояние, и три видимых опоры. Зритель должен распознать тему на карточке без прочтения заголовка.

примеры:

ТемаПолезная сцена
AI-агентыБумажный помощник распределяет задачу среди исследовательских заметок, инструментов, календаря и готового результата.
Выбор моделиКалиброванная тестовая панель делает возможности, стоимость и скорость наглядно сопоставимыми.
Создание проектаКарточка идеи проходит через рабочий стол на проверенный, развернутый сайт.

Правила генерации

  • Используйте Toapis с gpt-image-2, создайте изображение 3:2 для модулей сайта и изображение 16:9 для редакционных обложек, затем сохраните одобренный результат локально.
  • Не генерируйте текст, буквы, цифры, логотипы, водяные знаки, интерфейсы продуктов или фиктивный код. Страница типографики содержит все подписи.
  • Не используйте роботов, светящиеся мозги, схемы, неон, хром, градиенты, полупрозрачные синие диаграммы, плавающие карточки панели или случайные абстрактные формы в качестве замены объекта.
  • Не добавляйте новые декоративные цветовые схемы. Различие тем достигается за счет композиции и относительного использования канонической палитры.
  • Сохраняйте достаточно спокойного пространства вокруг объекта для предполагаемой обрезки.

Доказательства — это не искусство.

Скриншоты, исходные диаграммы, снимки продуктов, предоставленные фотографии и другие документальные материалы являются доказательствами. Сохраняйте их в подлинном виде, при необходимости подписывайте и визуально отделяйте от сгенерированных обложек. Никогда не перестраивайте доказательства, чтобы они походили на вырезки из бумаги, и не используйте сгенерированное искусство, чтобы подразумевать поведение продукта.

Правила для ассетов и обзоров

  • Храните сгенерированное оформление страниц в site/src/assets/brand/ или в соответствующем каталоге ресурсов контента и подключайте его через пайплайн обработки изображений Astro.
  • Проверяйте каждый результат в полном размере и в его живой обрезке. Отвергайте искажённые метки, случайный текст, слабые силуэты, несовпадающую палитру или сцену, которая могла бы иллюстрировать любую тему.
  • Держите диаграммы семантическими и доступными (SVG/HTML), когда требуется чтение меток или значений. Сгенерированный растровый файл никогда не является источником истины для инструкции.

Смотрите art-creation-pipeline.md для производственного рабочего процесса и editorial-art-direction.md для новостей и обложек бенчмарков.