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

Сравни —
выбери лучшее

Сравнительный анализ конкурентов в интернет-магазинах

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

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

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

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

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

02 — Цвет

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

Янтарно-золотая палитра ассоциируется с экспертностью, ценностью и золотым стандартом. Тёмные оттенки янтаря передают авторитет, светлые — доступность.

Тема 01
Янтарь · Основная
EXPERT-900
#78350F
Глубокий фон
EXPERT-700
#B45309
Основной
EXPERT-400
#F59E0B
Акцент / Звёзды
EXPERT-100
#FEF3C7
Светлый фон
Тема 02
Нейтральная · Интерфейс
DARK-MAX
#0F0F1A
Sidebar / Header
DARK-BASE
#1A1A2E
Основной текст
SURFACE
#F5F6F8
Фон страницы
WHITE
#FFFFFF
Карточки
Тема 03
Рейтинг · Шкала оценок
RANK-TOP
#10B981
Топ / Лучший
RANK-MID
#F59E0B
Средний
RANK-LOW
#EF4444
Слабый
RANK-NEW
#94A3B8
Новый / Н/Д
Топ выбор
#B45309
bg #FEF3C7
Высокий балл
#10B981
bg #DCFCE7
Средний
#64748B
bg #F1F5F9
Низкий балл
#DC2626
bg #FEE2E2
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-компоненты

Компоненты ЭКСПЕРТ ориентированы на сравнение и ранжирование: таблицы, скоркарты, рейтинговые бейджи.

Кнопки
Рейтинговые метки
Топ выбор ★ Высокий балл Средний Слабый Новинка
Скоркарты конкурентов
Бренд А
9.4
★ Топ выбор
Бренд Б
7.1
Хорошо
Бренд В
5.8
Ниже среднего
Сравнительная таблица
ПараметрБренд А ★Бренд ББренд В
Цена4 990 ₽6 200 ₽5 800 ₽
Рейтинг★ 4.8★ 4.1★ 3.7
Наличие✓ В наличии⚑ Под заказ✗ Нет
Гарантия24 мес12 мес12 мес
Отзывы1 24831289
05 — Токены

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

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

ТокенЗначениеЦветРоль
--expert-900#78350F#78350FГлубокий фон, cover
--expert-700#B45309#B45309Основной бренд-цвет
--expert-400#F59E0B#F59E0BАкцент, звёзды рейтинга
--expert-100#FEF3C7#FEF3C7Светлый фон карточек
--rank-top#10B981#10B981Высший балл
--rank-mid#F59E0B#F59E0BСредний балл
--rank-low#EF4444#EF4444Низкий балл
/* ЭКСПЕРТ · Design Tokens */
:root {
  --expert-900: #78350F;
  --expert-700: #B45309;
  --expert-400: #F59E0B;
  --expert-100: #FEF3C7;
}
06 — Иконки

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

Lucide Icons, stroke-width 1.75, линейный стиль. Акцент — аналитические и сравнительные иконки.

star
bar-chart
activity
search
table
check
arrow-r
product
edit
info
flag
users
trend-up
trend-dn
07 — Отступы и размеры

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

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

Базовая единица
4px
Все отступы кратны 4px: 4, 8, 12, 16, 20, 24, 32, 40, 48, 64.
Минимальная зона касания
44px
Кнопки и интерактивные элементы — не менее 44×44px. Требование WCAG 2.5.5.
Радиус скруглений
12px
Карточки — 16px, кнопки — 12px, бейджи — 100px, таблицы — 16px.
Колонки таблицы
min 120px
Минимальная ширина колонки сравнительной таблицы. Первая колонка — 160px.

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 | ЭКСПЕРТ
Анализ конкурентов
вашей ниши
Данные · Инсайты · Стратегия
2026 · Конфиденциально

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

Анонс
Сравнительный анализ
Кто лидирует в вашей нише? Узнайте первыми
@wasrusgen1
ЭКСПЕРТ · Охват
120+
магазинов
5K+
SKU
@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
ЭКСПЕРТ

Объективный анализ. Золотой стандарт сравнения конкурентов.