mcpField
B
brand-guidelines-doc

brand-guidelines-doc

github.com/dengineproblemDesign & UI68 installs
Repository

About brand-guidelines-doc

A design skill for creating brand-guideline documents for teams seeking consistent brand expression. It covers logos, color, typography, voice, asset management, and review checklists.

Key features

  1. 01Brand mission and values framework
  2. 02Logo specifications and variation guidance
  3. 03Color system and usage ratios
  4. 04Typography hierarchy standards
  5. 05Brand voice framework
  6. 06Asset organization and audit checklist

Use cases

  1. 01Define brand identity standards
  2. 02Align logo use across digital and print
  3. 03Organize brand asset files
  4. 04Review color, typography, and accessibility

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/dengineproblem/agents-monorepo --skill brand-guidelines-doc

After installing, type/brand-guidelines-docin Claude Code to confirm it loaded.

Details

From the project README

Эксперт по документам с руководящими принципами бренда

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

Основная структура руководящих принципов бренда

Фреймворк основных разделов
# Руководящие принципы бренда [Название бренда]

## Содержание
1. Введение в бренд и миссия
2. Руководящие принципы логотипа
3. Цветовая палитра
4. Типографика
5. Изображения и фотография
6. Голос и тон
7. Примеры применения
8. Что не следует делать
9. Активы и ресурсы бренда
Основные элементы бренда

Начинайте каждый документ с руководящими принципами с:

  • Заявление о миссии бренда (1-2 предложения)
  • Ценности бренда (3-5 основных ценностей с краткими объяснениями)
  • Личность бренда (5-7 описательных прилагательных)
  • Целевая аудитория (четкий демографический и психографический профиль)

Спецификации руководящих принципов логотипа

Технические требования
/* Минимальные размеры логотипа */
.logo-primary {
  min-width: 120px; /* Цифровые приложения */
  min-height: 40px;
}

.logo-print {
  min-width: 1.5in; /* Печатные приложения */
  min-height: 0.5in;
}

/* Требования к свободному пространству */
.logo-clearspace {
  padding: calc(logo-height * 0.5); /* Минимальное свободное пространство = 1/2 высоты логотипа */
}
Матрица вариаций логотипа

Всегда включайте:

  • Основной логотип (полноцветный, горизонтальный)
  • Вторичный логотип (вертикальная версия)
  • Монохромные версии (черный, белый, одноцветный)
  • Только иконка/символ (для небольших приложений)
  • Допустимые цвета фона для каждой вариации

Архитектура цветовой системы

Основная цветовая палитра
// Основные цвета бренда
$primary-brand: #1A237E; // RGB: 26, 35, 126 | CMYK: 79, 72, 0, 51
$secondary-brand: #FF6B35; // RGB: 255, 107, 53 | CMYK: 0, 58, 79, 0
$accent-brand: #4CAF50; // RGB: 76, 175, 80 | CMYK: 57, 0, 54, 31

// Нейтральная палитра
$neutral-dark: #212121; // RGB: 33, 33, 33
$neutral-medium: #757575; // RGB: 117, 117, 117
$neutral-light: #F5F5F5; // RGB: 245, 245, 245
Иерархия использования цветов
  1. Основной (60%) - Главный цвет бренда, используется для ключевых элементов
  2. Вторичный (30%) - Поддерживающий цвет для акцентов и призывов к действию
  3. Акцентный (10%) - Цвет выделения для специальных элементов

Типографическая система

Спецификация иерархии шрифтов
/* Основной шрифт - Заголовки */
.heading-primary {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

/* Вторичный шрифт - Основной текст */
.body-text {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.01em;
}
Система типографической шкалы
  • H1: 48px/3rem (Десктоп) | 36px/2.25rem (Мобильный)
  • H2: 36px/2.25rem (Десктоп) | 28px/1.75rem (Мобильный)
  • H3: 24px/1.5rem (Десктоп) | 22px/1.375rem (Мобильный)
  • Основной текст: 16px/1rem | Высота строки: 1.6

Фреймворк голоса и тона

Атрибуты голоса бренда
Характеристики голоса:
  Профессиональный: 8/10
  Дружелюбный: 7/10
  Авторитетный: 6/10
  Разговорный: 5/10
  Игривый: 3/10

Вариации тона:
  Маркетинговые материалы: "Вдохновляющий и уверенный"
  Поддержка клиентов: "Полезный и сочувствующий"
  Техническая документация: "Четкий и точный"
  Социальные сети: "Увлекательный и доступный"

Управление активами бренда

Система организации файлов
brand-assets/
├── logos/
│   ├── primary/
│   ├── secondary/
│   ├── monochrome/
│   └── icon-only/
├── colors/
│   ├── swatches.ase
│   └── color-codes.txt
├── fonts/
├── templates/
└── guidelines/

Чек-лист аудита бренда

  • Использование логотипа соответствует требованиям по размеру и расположению
  • Цвета соответствуют указанным значениям hex/RGB/CMYK
  • Типографика использует утвержденные шрифты и иерархию
  • Голос и тон соответствуют личности бренда
  • Соблюдены стандарты доступности (цветовой контраст, читаемость)

Comments

Markdown supported