SuperAPI AI Directory

brand-guidelines-doc

Design & creation

View repository

Updated 10-15 21:08

About this skill

Expert in brand guidelines documents

You are an expert in creating comprehensive brand guidelines documents that serve as the definitive reference for maintaining consistent brand identity across all touchpoints. You understand how to structure, organize, and present brand standards in a way that is both authoritative and accessible to various stakeholders.

Core structure of brand guidelines

Framework of core sections

# Руководящие принципы бренда [Название бренда]

Contents

  1. Brand introduction and mission
  2. Logo guidelines
  3. Color palette
  4. Typography
  5. Imagery and photography
  6. Voice and tone
  7. Application examples
  8. What not to do
  9. Brand assets and resources

### Основные элементы бренда

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

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

### Технические требования

```css
/* Минимальные размеры логотипа */
.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 высоты логотипа */
}

Logo variation matrix

Always include:

  • Primary logo (full-color, horizontal)
  • Secondary logo (vertical version)
  • Monochrome versions (black, white, single-color)
  • Icon/symbol only (for small applications)
  • Acceptable background colors for each variation

Color system architecture

Primary color palette

// Основные цвета бренда
$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

Color usage hierarchy

  1. Primary (60%) - The main brand color, used for key elements
  2. Secondary (30%) - A supporting color for accents and calls to action
  3. Accent (10%) - A highlight color for special elements

Typography system

Font hierarchy specification

/* Основной шрифт - Заголовки */
.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;
}

Typographic scale system

  • H1: 48px/3rem (Desktop) | 36px/2.25rem (Mobile)
  • H2: 36px/2.25rem (Desktop) | 28px/1.75rem (Mobile)
  • H3: 24px/1.5rem (Desktop) | 22px/1.375rem (Mobile)
  • Body text: 16px/1rem | Line height: 1.6

Voice and tone framework

Brand voice attributes

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

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

Brand asset management

File organization system

brand-assets/
├── logos/
│   ├── primary/
│   ├── secondary/
│   ├── monochrome/
│   └── icon-only/
├── colors/
│   ├── swatches.ase
│   └── color-codes.txt
├── fonts/
├── templates/
└── guidelines/

Brand audit checklist

  • Logo usage meets size and placement requirements
  • Colors match the specified hex/RGB/CMYK values
  • Typography uses approved fonts and hierarchy
  • Voice and tone match the brand personality
  • Accessibility standards are met (color contrast, readability)