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

Репутация
под контролем

Мониторинг отзывов и анализ репутации бренда в интернете

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

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

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

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

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

02 — Цвет

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

Палитра РАДАР построена на Циане — цвете ясности, скорости и аналитики. Основные оттенки дополнены нейтральными фонами и семантическими цветами.

Тема 01
Циан · Основная
RADAR-900
#164E63
Глубокий фон
RADAR-700
#0E7490
Основной
RADAR-500
#06B6D4
Акцент
RADAR-100
#CFFAFE
Светлый фон
Тема 02
Нейтральная · Интерфейс
DARK-MAX
#0F0F1A
Sidebar / Header
DARK-BASE
#1A1A2E
Основной текст
SURFACE
#F5F6F8
Фон страницы
WHITE
#FFFFFF
Карточки
Тема 03
Семантика · Статусы
SUCCESS
#10B981
Позитивный
DANGER
#EF4444
Негативный
WARNING
#F59E0B
На модерации
NEUTRAL
#94A3B8
Нейтральный
Семантические цвета
Позитивный
#10B981
bg #DCFCE7
Негативный
#EF4444
bg #FEE2E2
На модерации
#F59E0B
bg #FEF3C7
Отвечено
#0E7490
bg #CFFAFE
03 — Типографика

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

Два шрифта: Montserrat для логотипа и заголовков, Inter — для всего интерфейса. Оба загружаются с Google Fonts.

Montserrat — Логотип / Акцентные заголовки
Мониторинг отзывов
Bold 700
РАДАР
ExtraBold 800
@wasrusgen1
Inter — Интерфейс / Текст
Аналитика репутации
Regular 400
Описание
Medium 500
Навигация
SemiBold 600
Кнопки
Bold 700
Заголовки
ExtraBold 800
Hero
Display
52px / -2px / 800
Репутация
Обложка брендбука
H1
32px / -1px / 800
Раздел брендбука
Заголовки разделов
H2
22px / -0.5px / 700
Подраздел
Заголовки карточек
Body
15px / 1.6 / 400
Текст описания раздела интерфейса
Описания
Label
11px / .08em / 700
Метка раздела
Метки, таблицы
Caption
12px / 1.5 / 400
Вспомогательный текст, подсказки
Hint / Sub
04 — Компоненты

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

Библиотека компонентов РАДАР — кнопки, бейджи, карточки отзывов, рейтинговые виджеты и таймлайн обработки отзыва.

Кнопки
Статусы отзывов
Позитивный Негативный Нейтральный На модерации Отвечено
Карточки отзывов
Яндекс.Карты
Отличный сервис!
★★★★★
Позитивный
Очень доволен работой команды. Всё объяснили понятно, помогли разобраться. Рекомендую всем!
2 часа назад
2GIS
Долго ждал ответа
★★☆☆☆
Негативный
Обратился с вопросом — ответили только через 3 дня. Хотелось бы быстрее.
Вчера, 14:30 Требует ответа
Рейтинговый виджет
4.7
★★★★★
из 248 отзывов
5
193
4
35
3
10
2
6
1
4
Таймлайн обработки отзыва
Отзыв получен
10:45 · Яндекс.Карты
Классификация
10:45 · Авто
Тональность: Негативный · ★★☆☆☆
Ожидает ответа
Назначено: Менеджер Иванов
Ответ опубликован
Ожидание
05 — Токены

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

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

ТокенЗначениеЦветРоль
--radar-900#164E63#164E63Глубокий фон, cover
--radar-700#0E7490#0E7490Основной бренд-цвет
--radar-500#06B6D4#06B6D4Акцент, иконки
--radar-100#CFFAFE#CFFAFEСветлый фон
--surface#F5F6F8#F5F6F8Страничный фон
--text-primary#1A1A2E#1A1A2EОсновной текст
--text-muted#8A94A6#8A94A6Вспомогательный
--s-positive#10B981#10B981Позитивный отзыв
--s-negative#EF4444#EF4444Негативный отзыв
--s-pending#F59E0B#F59E0BНа модерации
/* РАДАР · Design Tokens */
:root {
  --radar-900: #164E63;
  --radar-700: #0E7490;
  --radar-500: #06B6D4;
  --radar-100: #CFFAFE;
}
06 — Иконки

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

Линейный стиль Lucide Icons, stroke-width 1.75, stroke-linecap round. Все иконки — 24×24px базовый размер.

search
bell
star
bar-chart
thumbs-up
thumbs-dn
radar
message
check-ok
alert
activity
layout
users
edit
07 — Отступы и размеры

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

Базовая единица — 4px. Все отступы кратны 4. Минимальная зона касания — 44px (iOS HIG / WCAG 2.5.5).

Базовая единица
4px
Все отступы и размеры — кратные 4px. Шаги: 4, 8, 12, 16, 20, 24, 32, 40, 48, 64.
Минимальная зона касания
44px
Кнопки, иконки-действия и элементы навигации — не менее 44×44px. Требование iOS HIG / WCAG.
Радиус скруглений
12px
Карточки — 16px, кнопки — 12px, бейджи — 100px (pill). Мелкие элементы — 8px.
Ширина контента
640px
Максимальная ширина читаемого блока текста. Таблицы и компоненты — full-width.

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 | РАДАР
Мониторинг репутации
24/7
Анализ отзывов · Реакция · Рост доверия
2026 · Конфиденциально

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

Анонс
Радар репутации
Мониторинг отзывов в реальном времени — 500+ площадок
@wasrusgen1
РАДАР · Охват
500+
площадок
−8ч
реакция
@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
РАДАР

Знай что говорят — реагируй первым. Мониторинг репутации нового поколения.