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

Ваши права —
наша работа

Юридическая консультация и сопровождение клиентов

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

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

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

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

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

02 — Цвет

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

Малиново-красная палитра передаёт силу, авторитет и решимость. Тёмные оттенки создают ощущение надёжного партнёра, которому можно доверить самые важные вопросы.

Тема 01
Малиновый · Основная
SHIELD-900
#7F1D1D
Глубокий фон
SHIELD-700
#B91C1C
Основной
SHIELD-500
#DC2626
Акцент
SHIELD-100
#FEE2E2
Светлый фон
Тема 02
Нейтральная · Интерфейс
DARK-MAX
#0F0F1A
Sidebar
DARK-BASE
#1A1A2E
Текст
SURFACE
#F5F6F8
Фон
WHITE
#FFFFFF
Карточки
Тема 03
Статусы · Дела
CASE-WON
#10B981
Выиграно
CASE-ACT
#3B82F6
Активное дело
CASE-REV
#F59E0B
На рассмотрении
CASE-CLO
#94A3B8
Закрыто
Срочно
#B91C1C
bg #FEE2E2
Активное
#3B82F6
bg #DBEAFE
Рассмотрение
#D97706
bg #FEF3C7
Выиграно
#10B981
bg #DCFCE7
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-компоненты

Компоненты ЗАЩИТА ориентированы на работу с юридическими делами: карточки дел, статусы, таймлайн сопровождения, форма записи на консультацию.

Кнопки
Статусы дел
Срочно Активное дело На рассмотрении Выиграно Закрыто
Карточки дел
Дело №2026-041
Срочно
Защита прав потребителя — возврат товара
Клиент: ООО «Трейд Маркет» · Арбитражный суд
Слушание: 28 мая 2026
АП
Адвокат Петров
Дело №2026-038
Выиграно ✓
Взыскание задолженности по договору поставки
Клиент: ИП Сидоров В.А. · 1 200 000 ₽ взыскано
Завершено: 20 мая 2026
АП
Адвокат Петров
Таймлайн сопровождения
Первичная консультация
10 мая · 45 мин
Сбор документов
12–15 мая
Договор, акты, переписка — получены
Подготовка искового заявления
В работе · Срок: 27 мая
Подача в суд
Ожидание
Карточка записи на консультацию
Бесплатная консультация
Защита вашего бизнеса начинается сейчас
Запишитесь на консультацию — юрист изучит ситуацию и предложит стратегию защиты.
Записаться →
05 — Токены

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

ТокенЗначениеЦветРоль
--shield-900#7F1D1D#7F1D1DГлубокий фон
--shield-700#B91C1C#B91C1CОсновной бренд-цвет
--shield-500#DC2626#DC2626Акцент
--shield-100#FEE2E2#FEE2E2Светлый фон
--case-won#10B981#10B981Выиграно
--case-active#3B82F6#3B82F6Активное дело
--case-review#F59E0B#F59E0BНа рассмотрении
/* ЗАЩИТА · Design Tokens */
:root {
  --shield-900: #7F1D1D;
  --shield-700: #B91C1C;
  --shield-500: #DC2626;
  --shield-100: #FEE2E2;
}
06 — Иконки

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

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

shield
document
client
calendar
won
alert
consult
payment
agree
progress
protected
deadline
contract
call
07 — Отступы и размеры

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

Базовая единица
4px
Все отступы и размеры кратны 4px. Шаги: 4, 8, 12, 16, 20, 24, 32, 40, 48, 64.
Минимальная зона касания
44px
Все интерактивные элементы — не менее 44×44px. Стандарт WCAG 2.5.5 / iOS HIG.
Радиус скруглений
12–16px
Карточки дел — 14px, кнопки — 12px, бейджи — 100px. Строго, без излишней мягкости.
Цвет акцента в форме
#B91C1C
Фокус полей ввода и активный border — в основном цвете бренда #B91C1C.

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
ЗАЩИТА · Статистика
98%
дел успешно
<24ч
ответ
@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
ЗАЩИТА

Ваши права под надёжной защитой. Профессиональное юридическое сопровождение.