Brand Identity Kit · v1.0

Anna Demidova
Marketing & Ads

Дизайн-система для социальных сетей, презентаций, визиток, email-кампаний и всех материалов бренда.

Шрифт: Inter
Основной: #FF2D9B
Вторичный: #8B5CF6

1Логотип / Wordmark

Primary · Light
Anna
Demidova
Primary · Dark
Anna
Demidova
Brand colors
Anna
Demidova
Monogram · Symbol
A
Mono · Black
Anna
Demidova
Mono · White
Anna
Demidova

2Цветовая палитра

Основные

Pink
Pink (Primary)
#FF2D9B · RGB 255 45 155
Главный акцент, CTA, выделения
Pink Light
Pink Light
#FF6EC4 · RGB 255 110 196
Hover, градиенты, мягкие акценты
Pink Deep
Pink Deep
#c4006c · RGB 196 0 108
Тёмная сторона градиента, тени
Violet
Violet (Secondary)
#8B5CF6 · RGB 139 92 246
Вторичный акцент, стратегические блоки
Violet Light
Violet Light
#A78BFA · RGB 167 139 250
Светлая фиолетовая вариация

Нейтральные

Black
Black
#0A0A0A
Основной текст, тёмные секции
Gray 600
Gray 600
#3A3A3C
Текст параграфов, описания
Gray 400
Gray 400
#86868B
Подписи, captions
Gray 200
Gray 200
#E8E8ED
Границы, разделители
Gray 100
Gray 100
#F5F5F7
Фоны секций, плашки
Lavender
Lavender
#F2F0FF
Декоративные фоны, scroll-секции

3Фирменные градиенты

Holographic
linear-gradient(120deg,
  #FF2D9B 0%, #FF6EC4 25%,
  #8B5CF6 50%, #FF6EC4 75%,
  #FF2D9B 100%)
Для заголовков, обводок, key visuals
Pink Brand
linear-gradient(135deg,
  #FF2D9B 0%, #c4006c 100%)
Кнопки, иконки, бренд-объекты
Pink → Violet
linear-gradient(135deg,
  #FF2D9B 0%, #c4006c 50%,
  #8B5CF6 100%)
Премиум-блоки, badges
Soft Glow
radial-gradient(circle,
  rgba(255,45,155,0.5),
  rgba(139,92,246,0.2),
  transparent)
Фоновые orb'ы и свечения

4Типографика — Inter

H1 / Display
Marketing & Ads
Weight: 900 / Black Size: 56–96px Letter-spacing: -0.04em Line-height: 1.0
H2 / Section
Узнаёте себя?
Weight: 800 / ExtraBold Size: 36–56px Letter-spacing: -0.03em
H3 / Card
Маркетинговая стратегия и брендинг
Weight: 800 Size: 20–22px Letter-spacing: -0.02em
Body
Я выстраиваю прозрачную, управляемую систему — чтобы вы на каждом этапе понимали, что происходит с бюджетом и результатом.
Weight: 400 / Regular Size: 15–17px Line-height: 1.55 Color: Gray 600
Caption / Eyebrow
Результативный маркетинг · Целевой трафик
Weight: 600 / SemiBold Size: 12–13px Letter-spacing: 0.06–0.1em Color: Pink

Вся шкала весов

Aa
Light · 300
Aa
Regular · 400
Aa
Medium · 500
Aa
SemiBold · 600
Aa
Bold · 700
Aa
ExtraBold · 800
Aa
Black · 900

5UI-элементы / Компоненты

Primary button
Secondary button
Holo border button
Live badge
Live
Glass pill
↗Заявки идут нестабильно?
Tag / Geo 🇺🇸 США
Stat card (glass)
10+
лет опыта
Dark card
ROI: +240%

6Радиусы скруглений

Pill
100px
Card
24px
Soft
18px
Tiny
10px
Sharp
0px

7Иконография — Heroicons (outline)

Stroke-width: 2, linecap/linejoin: round, viewBox: 0 0 24 24. Pink fill on hover.

Clock / опыт
Users / лиды
Down trend
Up trend
Settings
Check / done
Bar chart
Chat / связь

8Принципы — DO / DON'T

✓ Делайте

  • Используйте Pink #FF2D9B как главный акцент — экономно, на ключевых элементах
  • Применяйте голографический градиент только к заголовкам или ключевым CTA
  • Сохраняйте чёткую иерархию: H1 → H2 → Body → Caption
  • Используйте glassmorphism там, где есть визуально насыщенный фон
  • Радиусы 24px для карточек, 100px для кнопок/пиллов — без исключений
  • Минимум 16px воздуха между элементами, минимум 32px между блоками
  • Иконки только outline-стиля, stroke-width: 2
  • Текст на тёмном — белый или розовый, на светлом — чёрный или серый

✕ Не делайте

  • Не используйте Pink везде — фон, кнопки, тексты одновременно
  • Не комбинируйте Pink с яркими оранжевыми/красными (палитра только pink + violet)
  • Не используйте Comic Sans, Arial, Times или другие шрифты — только Inter
  • Не делайте острые прямые углы (radius: 0) — кроме фотографий и крайних случаев
  • Не применяйте filled-иконки или эмодзи как основные иконки
  • Не используйте более 2 акцентных цветов в одном макете
  • Не делайте текст ниже 12px — нечитаемо
  • Не применяйте тяжёлые drop-shadows — только мягкие розовые/нейтральные

9Тон коммуникации

Прямой

Никаких «давайте обсудим возможные варианты» — сразу к делу. «Реклама не работает? Разберёмся за 90 минут.»

Профессиональный

Метрики, ROI, CPL, ROMI — называем вещи своими именами. Никакого «гуру» или «эксперта №1».

Тёплый

«Вы здесь, если» — на «вы», по-человечески. Не корпоративно, не агрессивно.

Прозрачный

Все цены, условия и обязанности — на сайте. Никаких «обсуждается лично» без сильной причины.

10Применение бренда

📱
Соцсети (Instagram, TG)
Holographic-градиент для заголовков сторис. Glass-карточки для метрик. Pink CTA-кнопки на reels-обложках.
📧
Email-кампании
Pink CTA-кнопка с радиусом 100px. Inter для всех текстов. Card-радиус 16–24px. Тёплый тон.
💳
Визитки
Чёрный или белый фон. Wordmark с акцентом-градиентом. Минимум информации, максимум воздуха.
🎬
Презентации / Decks
Светлый или тёмный slide bg. Holo-градиент заголовков. Glass-цитаты. Inter Black для цифр.
📄
Документы / Договоры
Inter, чёрный текст, розовые акценты для ключевых пунктов, лавандовые подсветки note-блоков.
🖼
Обложки / OG-картинки
Pink-violet orb на лавандовом фоне. Wordmark в правом нижнем углу. Заголовок Inter Black.