Зонтичный бренд @wasrusgen1 · Торговая марка

Процессы —
в порядок. Бизнес —
в рост.

Анализ бизнес-процессов, написание CRM и сопровождение

НаправлениеБизнес-консалтинг
Версия2026.1
Бренд@wasrusgen1
СтатусУтверждён

Два варианта логотипа

Используются оба — выбор зависит от контекста носителя. Не смешивать в одном носителе.

@wasrusgen1КОНСАЛТИНГ
Горизонталь 1:1
✓ Хедер и навигация
✓ Email-подпись
✓ Документы, КП, договоры
✓ Sidebar, колонтитулы
@wasrusgen1КОНСАЛТИНГ
Вертикальный стэк
✓ Обложки презентаций
✓ Визитная карточка (лицо)
✓ Аватар Telegram-канала
✓ Обложки постов

⚠ Правило: если в носителе использован стэк — горизонталь не дублируется, и наоборот.

02 — Цвет

Цветовые темы

Изумрудная палитра — цвет роста, трансформации и устойчивого результата. Тёмно-зелёный передаёт стабильность, светлый акцент — динамику и движение.

Тема 01
Изумруд · Основная
CONSULT-900
#064E3B
Глубокий фон
CONSULT-700
#047857
Основной
CONSULT-500
#10B981
Акцент / Прогресс
CONSULT-50
#ECFDF5
Светлый фон
Тема 02
Нейтральная · Интерфейс
DARK-MAX
#0F0F1A
Sidebar
DARK-BASE
#1A1A2E
Текст
SURFACE
#F5F6F8
Фон
WHITE
#FFFFFF
Карточки
Тема 03
Фазы · Проект
PHASE-DIS
#3B82F6
Диагностика
PHASE-DES
#7C3AED
Проектирование
PHASE-IMP
#047857
Внедрение
PHASE-SUP
#94A3B8
Сопровождение
Выполнено
#047857
bg #ECFDF5
В работе
#3B82F6
bg #DBEAFE
Ожидание
#D97706
bg #FEF3C7
Проектирование
#7C3AED
bg #F3E8FF
03 — Типографика

Шрифтовая система

Montserrat для заголовков передаёт силу и профессионализм консультанта. Inter обеспечивает читаемость аналитических данных и методологий.

Montserrat — Логотип / Заголовки
Трансформация бизнеса
Bold 700
КОНСАЛТИНГ
ExtraBold 800
@wasrusgen1
Display
52px / -2px / 800
Результат
Обложка
H1
32px / -1px / 800
Анализ процессов
Заголовки
Body
15px / 1.6 / 400
Методологический анализ бизнес-процессов компании
Описания
Label
11px / .08em / 700
Фаза проекта
Метки
04 — Компоненты

UI-компоненты

Компоненты КОНСАЛТИНГ ориентированы на управление проектами трансформации: фазы, метрики, прогресс карточки и таймлайн внедрения.

Кнопки
Статусы фаз
Диагностика AS-IS Анализ Проектирование TO-BE Внедрение Сопровождение
Процессный поток (5 фаз)
1
Диагностика
AS-IS анализ
2
Аудит
Узкие места
3
Проектирование
TO-BE модель
4
Внедрение
CRM + обучение
5
Сопровождение
Поддержка 6 мес
Ключевые метрики проекта
Экономия времени
-34%
↑ на 8% vs план
Часов на операции
Выручка
+22%
↑ рост за квартал
После внедрения CRM
NPS клиентов
74
↑ с 51 до 74
Индекс лояльности
Потери процессов
-61%
↓ устранено потерь
Дублирования задач
Карточки проектов
Внедрение CRM — швейное производство
Клиент: ИП Васильев Р.Г. · Фаза 3 из 5
TO-BE
Прогресс62%
Завершение: 30 июня 2026
Оптимизация отдела продаж — ритейл
Клиент: ООО «МегаТорг» · Фаза 5 из 5
Завершён ✓
Прогресс100%
Завершён: 15 апреля 2026
Таймлайн внедрения
Диагностика AS-IS
1–2 недели · Завершено
Интервью, картирование процессов, узкие места
Аудит и отчёт
Неделя 3 · Завершено
Проектирование TO-BE
Недели 4–6 · В работе
Проектирование новых процессов + ТЗ на CRM
Внедрение CRM + обучение
Недели 7–12
Сопровождение 6 месяцев
После внедрения
05 — Токены

Дизайн-токены

ТокенЗначениеЦветРоль
--consult-900#064E3B#064E3BГлубокий фон
--consult-700#047857#047857Основной бренд-цвет
--consult-500#10B981#10B981Акцент, прогресс-бар
--consult-50#ECFDF5#ECFDF5Светлый фон
--phase-discovery#3B82F6#3B82F6Фаза диагностики
--phase-design#7C3AED#7C3AEDФаза проектирования
--phase-impl#047857#047857Фаза внедрения
/* КОНСАЛТИНГ · Design Tokens */
:root {
  --consult-900: #064E3B;
  --consult-700: #047857;
  --consult-500: #10B981;
  --consult-50:  #ECFDF5;
}
06 — Иконки

Иконографика

Lucide Icons, stroke-width 1.75. Акцент — аналитические и процессные иконки, отражающие трансформацию бизнеса.

activity
trend-up
bar-chart
team
timeline
report
done
process
layout
crm
edit
result
scope
coffee
07 — Отступы и размеры

Сетка и зоны касания

Базовая единица
4px
Все отступы и размеры кратны 4px. Шаги: 4, 8, 12, 16, 20, 24, 32, 40, 48, 64.
Минимальная зона касания
44px
Все кнопки и навигационные элементы — не менее 44×44px. Стандарт WCAG 2.5.5.
Прогресс-бар
6px
Высота трека прогресс-бара — 6px. Полный радиус (pill). Градиент от #047857 до #10B981.
Ширина фазового блока
min 140px
Минимальная ширина одной фазы в process flow. При меньшей — переходить в вертикальный список.

08 · Применение Brand in Use

Фирменный стиль в реальных носителях — от визитки до публикации в Telegram.

Визитная карточка · 90 × 50 мм

@wasrusgen1 КОНСАЛТИНГ
АНАЛИЗ ПРОЦЕССОВ
Руслан Васильев
Основатель · Директор
Контакты
📧 i@wasrusgen.ru
📱 @wasrusgen1
🌐 wasrusgen1.ru
Анализируем процессы — строим системы

Email-подпись

От: Руслан Васильев <i@wasrusgen.ru> · Тема: Анализ бизнес-процессов
Добрый день!

Направляю вам программу аудита бизнес-процессов. Первая консультация — бесплатно.
Руслан Васильев
@wasrusgen1 | КОНСАЛТИНГ · Основатель
📧 i@wasrusgen.ru · 📱 @wasrusgen1 · 🌐 wasrusgen1.ru

Обложка презентации · 16:9

@wasrusgen1 | КОНСАЛТИНГ
Консалтинг
бизнес-процессов
AS-IS · TO-BE · Внедрение
2026 · Конфиденциально

Telegram · Социальные сети

Анонс
Трансформация бизнеса
От аудита процессов до готовой CRM — под ключ
@wasrusgen1
КОНСАЛТИНГ · Результат
+32%
эффективность
3 мес
до результата
@wasrusgen1 · wasrusgen1.ru
09 -- Кнопки

Кнопки и CTA-элементы

6 вариантов с WOW-эффектами. Наведи курсор -- каждая кнопка интерактивна.

Все варианты -- интерактивный демо
v1 Primary Shine · v2 Glow Pulse · v3 Glass · v4 Outline Fill · v5 Surface · v6 Ghost
Вариант 01
Primary
Gradient + Shine Sweep + Glow
Shine-эффект скользит при hover, тень усиливается. Градиент от тёмного к акценту.
Когда: главный CTA страницы, заявка, покупка, старт воронки.
Вариант 02
Glow Pulse
Pulsating Ring -- Always-On
Живёт постоянно -- кольцевая пульсация без hover. Привлекает без взаимодействия.
Когда: hero, промо-баннер, ограниченное предложение, таймер акции.
Вариант 03
Glass
Glassmorphism -- Backdrop Blur
Frosted-стекло -- только тёмные и фирменные фоны. Вторичное действие рядом с Primary.
Когда: поверх gradient-cover, modal на тёмном, hero -- вторая кнопка.
Вариант 04
Outline Fill
Border -- Fill Reveal Left to Right
Граница превращается в заливку при hover слева направо. Нейтральный вид до взаимодействия.
Когда: вторичное действие рядом с Primary, Скачать, Сравнить, Узнать больше.
Вариант 05
Surface
Elevated -- Neutral -- Shadow Lift
Нейтральный вес. Тень поднимается при hover.
Когда: инлайн-действия в списках, таблицах, карточках -- Открыть, Редактировать.
Вариант 06
Ghost
Текстовый -- минимальный
Минимальный визуальный вес, фон появляется при hover.
Когда: Отмена, Назад, Пропустить, навигационные ссылки.

Размеры

Размер выбирается по иерархии и контексту. MD -- базовый.

SM
8x16px - 12px - r8
Таблицы, chip, badge
MD -- default
14x28px - 14px - r12
Карточки, формы, секции
LG
18x36px - 16px - r14
Hero-секции, popup, modal
XL -- Hero
22x48px - 18px - r16
Landing cover, главный экран

Матрица применения

Один экран -- не более одной Primary/Glow. Не смешивать v1 и v2 в одной секции.

Контекст
Описание
Основной
Второстеп.
Landing Hero
Главный экран. Один фокус внимания.
v2 XL
v3 LG
Форма / Заявка
Submit + отмена. Чёткая иерархия.
v1 MD
v6 MD
Карточка / Список
Инлайн-действие.
v5 SM
v6 SM
Тёмный / Gradient
Поверх фирменного градиента.
v1 LG
v3 MD
Email / Документ
Ограниченная поддержка CSS.
v4 MD
v5 MD

Правила

Делай
Не более одной Primary/Glow на экран.
v3 Glass -- только тёмные и фирменные фоны.
Иерархия: Primary -- Outline -- Ghost.
Disabled: opacity 32%, cursor not-allowed.
Не делай
v1 и v2 в одной секции -- конфликт dominant.
v3 Glass на белом фоне -- эффект невидим.
Кнопка шире 320px без причины.
Переопределять цвета вне токенов бренда.
@wasrusgen1
КОНСАЛТИНГ

Процессы — в порядок. Бизнес — в рост. Результат измеримый, сопровождение постоянное.