Фирменный стиль MRM.space

Полная дизайн-система: Grow • Skill • Marketing

PNG-версии логотипов для вставки в материалы. Сохранены без фона (прозрачный альфа-канал) и с сохранением пропорций. Файлы лежат в public/. Перегенерировать: npm run export:logo-png в apps/web.

Основной логотип (mrm.space + слоган)

1400×500, 2800×1000 @2x

MRM.space logo (mrm + отступ + .space)

Превью выше — из SVG. PNG для вставки в материалы (Sharp/librsvg может терять отступ между mrm и .space). Для идеального PNG: положите Inter-Bold.otf и Inter-Regular.otf в scripts/fonts/, выполните node scripts/generate-logo-outlined.mjs, затем node scripts/export-mrm-logo-png.mjs.

Иконка приложения

512×512, 1024×1024 @2x

Логотип MRM.SPACE (обновлённый домен)

mrm.space
growskillmarketing
xs
mrm.space
growskillmarketing
sm
mrm.space
growskillmarketing
md
mrm.space
growskillmarketing
lg
mrm.space
growskillmarketing
mrm.space
growskillmarketing
mrm.space
growskillmarketing
1

MRMTextarea

Многострочное текстовое поле в фирменном стиле

Input Variants

Default
Brand
AI

Input Sizes

Input Features

Textarea Variants

Default
Brand
AI

Textarea Features

0/200
2

MRMSelect / Фирменный Dropdown

Выпадающий список в фирменном стиле

Default
Brand
AI
Grouped
3

StepIndicator

Кликни кнопки для переключения шагов

1
Модель
2
Данные
3
Бюджет
4
Запуск
5
Готово
Шаг 1 из 5
4

MRMCard

Карточка с gradient border в стиле MRM

Default Card

Hover для эффекта

Hover Card

С иконкой

NEW

Gradient Border

С бейджем

AI Card

Фиолетовый акцент

5

Skeleton

Скелетоны загрузки в фирменном стиле

Card
List
Text
Row
6

EmptyState

Варианты пустого состояния по типам артефакта

Нет брифов

Создайте бриф для начала работы над проектом

Стратегия не создана

Сгенерируйте стратегию на основе данных брифа

Медиаплан пуст

Создайте медиаплан с оптимальным распределением бюджета

Нет данных экономики

Заполните данные для анализа экономической эффективности

Нет креативов

Загрузите или сгенерируйте креативные материалы

Отчёты не готовы

Соберите аналитику и создайте отчёт по кампании

7

Фирменный DatePicker

Компонент выбора даты в стиле MRM

Февраль 2026
Пн
Вт
Ср
Чт
Пт
Сб
Вс

Выбранная дата подсвечивается градиентом sky-400 → sky-600

Сегодняшний день — обведён sky-400

Hover — лёгкий sky-50 фон

8

Toast / Notification

Кликни X для dismiss, анимации на входе и таймаут-бар

Кампания запущена

Все материалы прошли модерацию

Ошибка интеграции

Не удалось синхронизировать данные

Бюджет на 80%

Рекомендуем пересмотреть распределение

Новое обновление

AI-ассистент обновлён до v2.5

9

Фирменные Tabs

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

Контент обзора с метриками и графиками
10

SearchBar

Поисковая строка с иконкой и очисткой

11

FilterChip

Чипы фильтров с возможностью сброса

12

Breadcrumbs

Хлебные крошки навигации

13

Modal / Dialog

Модальное окно с фирменной рамкой

Создать проект

Заполните основные данные нового проекта

14

Alert / Inline Error

С анимированными иконками, gradient фоном и dismiss

Обязательное поле не заполнено

Укажите название проекта для продолжения

Бюджет превышает лимит

Текущая сумма на 15% выше утверждённого бюджета

Данные сохранены

Все изменения успешно применены

Подсказка

Используйте AI-агента для автозаполнения полей

15

Table Header

Заголовок таблицы в фирменном стиле

Название
Канал
Бюджет
Период
Статус
Instagram Reels
Social
₽350K
01-28 Фев
Активен
Яндекс Директ
Search
₽500K
01-15 Фев
Утверждён
Outdoor баннеры
OOH
₽200K
15 Фев - 15 Мар
Черновик

Визуализации: Воронки и Графики
NEW

Воронка продаж — 10 этапов

Показы (Impressions)
2.5M100.0%
72.0% конверсия28.0%
Охват (Reach)
1.8M72.0%
25.0% конверсия75.0%
Клики (Clicks)
450K18.0%
71.1% конверсия28.9%
Просмотр страницы
320K12.8%
26.6% конверсия73.4%
Регистрации
85K3.4%
49.4% конверсия50.6%
Добавили в корзину
42K1.7%
66.7% конверсия33.3%
Начали оформление
28K1.1%
66.1% конверсия33.9%
Оплатили заказ
19K0.7%
38.9% конверсия61.1%
Повторная покупка
7.2K0.3%
43.1% конверсия56.9%
Лояльный клиент
3.1K0.1%
Общая конверсия:
0.12%

Горизонтальная воронка

2.5M
Показы (Impressions)
100.0% от входа
100%
1.8M
Охват (Reach)
72.0% от входа
72%
450K
Клики (Clicks)
18.0% от входа
25%
320K
Просмотр страницы
12.8% от входа
71%
85K
Регистрации
3.4% от входа
27%
42K
Добавили в корзину
1.7% от входа
49%
28K
Начали оформление
1.1% от входа
67%
19K
Оплатили заказ
0.7% от входа
66%
7.2K
Повторная покупка
0.3% от входа
39%
3.1K
Лояльный клиент
0.1% от входа

Распределение бюджета по каналам

99
Всего
Контекст20%
Соцсети20%
Видео14%
DOOH13%
Программатика12%
Audio7%
Инфлюенсеры7%
Retail Media6%

Топ каналов по бюджету

Контекст
Соцсети
Видео
DOOH
Программатика
Audio

Сравнение лидов: План vs Факт

План
Факт
Контекст
40.0M100%
Соцсети
39.8M95%
Видео
26.9M90%
DOOH
24.6M88%
Программатика
24.1M96%
Audio
12.3M82%

Философия логотипа

Три столпа роста — вертикальные бары, символизирующие развитие.
Только рост — никаких падений, всё направлено вверх.
Градиенты sky-300 → sky-600 — от светлого к тёмному.
Искры (Sparkles) — AI-инсайты и магия автоматизации.

grow
skill
marketing

Размеры

16px

32px

48px

64px

Темы

default

gradient

light

dark

none

entrance

pulse

grow

sparkle

3D Воронка (Instagram Style)

Воронка продаж в Instagram

1
2
3
4
5
6
7
8
9
Реклама100%
Подписка65%
Пост-знакомство42%
Пост с опросом28%
Пост-боль19%
Сторис отзыв12%
Пост-решение8%
Напоминание5%
Продажа3.2%

Вертикальная детальная

10,000
Реклама
100.0%
6,500
Подписка
65.0%
4,200
Пост-знакомство
42.0%
2,800
Пост с опросом
28.0%
1,900
Пост-боль
19.0%
1,200
Сторис отзыв
12.0%

Горизонтальная плавная (Flow)

200чел.
увидели рекламу магазина
120чел.
перешли на сайт
30чел.
положили в корзину товар
10чел.
оплатили заказ

Горизонтальные бары

10,000
Реклама
6,500
Подписка
4,200
Пост-знакомство
2,800
Пост с опросом
1,900
Пост-боль

Пирамидальная

Реклама10,000
Подписка6,500
Пост-знакомство4,200
Пост с опросом2,800
Пост-боль1,900

Donut Воронка

8,950
Всего
Awareness(50%)
Interest(31%)
Decision(13%)
Action(5%)

Метрики AARRR

Acquisition
10,000-35%
Activation
6,500-23%
Retention
5,000-40%
Revenue
3,000-50%
Referral
1,500

Анимированная SVG

ТрафикЛидыMQLSQLСделки

Default
Animated
Thinking
Active
Success
Processing
mrm.spacegrow • skill • marketing
Full Logo
mrm.spacegrow • skill • marketing
Animated Text
growskillmarketing
Slogan SM
growskillmarketing
Slogan MD
growskillmarketing
Slogan LG
Thinking Orb
Avatar Online
Avatar Thinking
Avatar Busy
24px
32px
48px
64px
80px
96px
MRM.space
Анализирует...

Text Reveal

Анимированное появление текста

Magnetic Button

Glitch Text

MRM.space

Tilt Card

3D карточка с наклоном

Наведите курсор для эффекта 3D

Animated Counter

0 skills

Marquee

MRM.space
Grow • Skill • Marketing
42 AI Skills
MRM.space
Grow • Skill • Marketing
42 AI Skills

Type Writer

Pulse Ring

AI

Growth Chart

+20%
+35%
+28%
+45%
+52%
+48%
+65%
+78%
+72%
+95%

Neural Network

Skill Orbit

AI

Stats Ring

85%
Эффективность
92%
Автоматизация
78%
Прозрачность

Process Flow Visual

Данные
AI-анализ
Генерация
Результат

Metrics Dashboard

Охват
2.4М
+23%
CTR
3.8%
+0.5%
CPL
847
-15%
ROMI
340%
+45%

Animated Skill Card

Генерация отчёта

Автоматическое создание отчёта за 1 минуту

Экономия: 3 часа

Tech Stack Animation

🤖AI Models
📊Analytics
🔄Automation
🎯Targeting
📈Growth
🔗API

Comparison Visual

Без MRM.space
Отчёт4 часа
Медиаплан2 дня
Стратегия2 недели
С MRM.space
Отчёт1 мин
Медиаплан5 мин
Стратегия10 мин

Hexagon Grid Background

Hexagon Grid Pattern

Interactive Journey Map

Иниц.
1-2 дня
Бриф
3-5 дней
Страт.
3-5 дней
Медиа
2-3 дня
Запуск
3-5 дней
Монит.
Ongoing
Отчёт
2-3 дня
Цикл
2-3 дня
Цикл повторяетсявозврат к этапу 2 или 3

Transformation Visualization

До MRM.space
Хаос

Типичная боль маркетинговой команды

Разрозненные файлы в 5+ местах
потерянного времени
2-3 ч/неделю
Нет структуры и версионности
прозрачности
0%
Ручная работа без автоматизации
рутины в месяц
40-60 ч
Долгие согласования
на один отчёт
3+ часа
Потеря данных и дубликаты
ошибок
15%
10минут
Трансформация

Подключение → Импорт данных → Готово к работе

После MRM.space
Порядок

Системный подход к маркетингу

Единая система для всего
1платформа
100% прозрачность в реальном времени
100%видимость
42 AI-скилла автоматизации
42скилла
Быстрые согласования
15минут
Версионность и история изменений
0потерь

AI Skills Interactive Demo

Генерация брифа
Роль: Account
45 мин
2 мин
Экономия времени
-95%
Анализ конкурентов
Роль: Strategist
4 часа
5 мин
Создание медиаплана
Роль: Specialist
2 часа
3 мин
Генерация отчёта
Роль: Analyst
3 часа
1 мин
Оптимизация бюджета
Роль: Specialist
1 час
30 сек
Сегментация ЦА
Роль: Strategist
2 часа
2 мин
MRM.space Assistant
Выполняю скилл...
Генерация брифа
Анализ
Генерация
Валидация
Готово

Roles with FunnelPyramid

Account Manager12
Project Manager8
Strategist15
Specialist18
Analyst14
Creative Director10
Client5