Фирменный стиль MRM.space
Полная дизайн-система: Grow • Skill • Marketing
PNG-версии логотипов для вставки в материалы. Сохранены без фона (прозрачный альфа-канал) и с сохранением пропорций. Файлы лежат в public/. Перегенерировать: npm run export:logo-png в apps/web.
Основной логотип (mrm.space + слоган)
1400×500, 2800×1000 @2x
Превью выше — из 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 (обновлённый домен)
MRMTextarea
Многострочное текстовое поле в фирменном стиле
Input Variants
Input Sizes
Input Features
Textarea Variants
Textarea Features
MRMSelect / Фирменный Dropdown
Выпадающий список в фирменном стиле
StepIndicator
Кликни кнопки для переключения шагов
MRMCard
Карточка с gradient border в стиле MRM
Default Card
Hover для эффекта
Hover Card
С иконкой
Gradient Border
С бейджем
AI Card
Фиолетовый акцент
Skeleton
Скелетоны загрузки в фирменном стиле
EmptyState
Варианты пустого состояния по типам артефакта
Нет брифов
Создайте бриф для начала работы над проектом
Стратегия не создана
Сгенерируйте стратегию на основе данных брифа
Медиаплан пуст
Создайте медиаплан с оптимальным распределением бюджета
Нет данных экономики
Заполните данные для анализа экономической эффективности
Нет креативов
Загрузите или сгенерируйте креативные материалы
Отчёты не готовы
Соберите аналитику и создайте отчёт по кампании
Фирменный DatePicker
Компонент выбора даты в стиле MRM
Выбранная дата подсвечивается градиентом sky-400 → sky-600
Сегодняшний день — обведён sky-400
Hover — лёгкий sky-50 фон
Toast / Notification
Кликни X для dismiss, анимации на входе и таймаут-бар
Кампания запущена
Все материалы прошли модерацию
Ошибка интеграции
Не удалось синхронизировать данные
Бюджет на 80%
Рекомендуем пересмотреть распределение
Новое обновление
AI-ассистент обновлён до v2.5
Фирменные Tabs
Вкладки с градиентом активной вкладки
SearchBar
Поисковая строка с иконкой и очисткой
FilterChip
Чипы фильтров с возможностью сброса
Breadcrumbs
Хлебные крошки навигации
Modal / Dialog
Модальное окно с фирменной рамкой
Создать проект
Заполните основные данные нового проекта
Alert / Inline Error
С анимированными иконками, gradient фоном и dismiss
Обязательное поле не заполнено
Укажите название проекта для продолжения
Бюджет превышает лимит
Текущая сумма на 15% выше утверждённого бюджета
Данные сохранены
Все изменения успешно применены
Подсказка
Используйте AI-агента для автозаполнения полей
Table Header
Заголовок таблицы в фирменном стиле
Визуализации: Воронки и ГрафикиNEW
Воронка продаж — 10 этапов
Горизонтальная воронка
Распределение бюджета по каналам
Топ каналов по бюджету
Сравнение лидов: План vs Факт
Философия логотипа
Три столпа роста — вертикальные бары, символизирующие развитие.
Только рост — никаких падений, всё направлено вверх.
Градиенты sky-300 → sky-600 — от светлого к тёмному.
Искры (Sparkles) — AI-инсайты и магия автоматизации.
Размеры
16px
32px
48px
64px
Темы
default
gradient
light
dark
none
entrance
pulse
grow
sparkle
3D Воронка (Instagram Style)
Воронка продаж в Instagram
Вертикальная детальная
Горизонтальная плавная (Flow)
Горизонтальные бары
Пирамидальная
Donut Воронка
Метрики AARRR
Анимированная SVG
Text Reveal
Анимированное появление текста
Magnetic Button
Glitch Text
Tilt Card
3D карточка с наклоном
Наведите курсор для эффекта 3D
Animated Counter
Marquee
Type Writer
Pulse Ring
Growth Chart
Neural Network
Skill Orbit
Stats Ring
Process Flow Visual
Metrics Dashboard
Animated Skill Card
Генерация отчёта
Автоматическое создание отчёта за 1 минуту
Tech Stack Animation
Comparison Visual
Hexagon Grid Background
Hexagon Grid Pattern
Interactive Journey Map
Transformation Visualization
До MRM.spaceХаос
Типичная боль маркетинговой команды
Подключение → Импорт данных → Готово к работе
После MRM.spaceПорядок
Системный подход к маркетингу