commit 02eed0b260a5bf760802349cc9a3b5829cf65473 Author: WASRUSGEN Date: Mon May 25 00:15:56 2026 +0300 ЗАЩИТА брендбук: первый коммит (брендбук, токены, логотип) diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..090467d --- /dev/null +++ b/.gitignore @@ -0,0 +1,18 @@ +# Защита от случайного коммита конфиденциального +# (репозиторий — только бренд-ассеты) +_test_corpus/ +_dialog_backups/ +*.jsonl +demo_data*.json +expertise.py +devserver.py +*.docx +*.doc +*.pdf +.env +*.key +secrets* +# системное +.DS_Store +Thumbs.db +desktop.ini diff --git a/README.md b/README.md new file mode 100644 index 0000000..da9b5e8 --- /dev/null +++ b/README.md @@ -0,0 +1,23 @@ +# ЗАЩИТА — Бренд-бук + +Руководство по фирменному стилю суббренда **ЗАЩИТА** (@wasrusgen1) — юридическая экспертиза и сопровождение сделок. + +## Содержимое + +- `brandbook-zashita.html` — бренд-бук (логотип, цвета, типографика, UI-компоненты, токены) +- `tokens.css` — дизайн-токены (CSS-переменные) +- `logos/logo-wasrusgen1-real.svg` — знак @wasrusgen1 + +## Просмотр + +Открыть `brandbook-zashita.html` в браузере. Шрифты (Inter, Montserrat) подгружаются из Google Fonts. + +## Бренд + +- Акцент — Бордо `#9F1239`, глубокий `#3B0212` +- Логотип-шрифт — Montserrat 700 (только знак/суббренды) +- UI-шрифт — Inter 300–800 +- Палитра Бордо: 950 → 50 + +--- +© @wasrusgen1 · ИП Васильев Р.Г. diff --git a/brandbook-zashita.html b/brandbook-zashita.html new file mode 100644 index 0000000..e287ecf --- /dev/null +++ b/brandbook-zashita.html @@ -0,0 +1,1408 @@ + + + + + +@wasrusgen1 — ЗАЩИТА · Бренд-бук 2026 + + + + + + + + + + +
+ + +
+ +
@wasrusgen1 · Бренд-бук · 2026
+ + +
+
+ +
+
+ ЗАЩИТА +
+ +

Руководство по фирменному стилю

+

Юридическая экспертиза и сопровождение сделок · Версия 2026

+ +
+
+ Продукт + @wasrusgen1 | ЗАЩИТА +
+
+ Платформа + Юр-кабинет в CRM +
+
+ Акцент + Бордо #9F1239 +
+
+ Зонтичный бренд + РАДАР +
+
+ +
+ + + + + +
+
02
+

Цветовая палитра

+

Акцентный якорь ЗАЩИТА — Бордо (#9F1239). Глубокий #3B0212 создаёт ощущение надёжности и правовой солидности. Семантические цвета размечают уровни риска в документах.

+ + +
+
Primary — Burgundy (Бордо) Scale (950 → 50)
+
+
#3B0212
950
+
#7A0E2E
900
+
#8C1033
800
+
#9F1239
700
+
#B5163F
600
+
#C81E4E
500
+
#E8909F
400
+
#FDA4AF
300
+
#FECDD3
200
+
#FFE4E6
100
+
#FFF1F2
50
+
+
+ + +
+
Neutral — общая шкала зонтичного бренда
+
+
#030712
950
+
#111827
900
+
#1F2937
800
+
#374151
700
+
#4B5563
600
+
#6B7280
500
+
#9CA3AF
400
+
#D1D5DB
300
+
#E5E7EB
200
+
#F3F4F6
100
+
#F9FAFB
50
+
+
+ + +
Ключевые токены — 6 цветов продукта
+
+
+
+
+
Brand Dark
+
#3B0212
+
Обложки отчётов, заголовки
+
+
+
+
+
+
Бордо 700
+
#9F1239
+
Кнопки, активные элементы
+
+
+
+
+
+
Primary Action
+
#9F1239
+
CTA, акценты, ссылки
+
+
+
+
+
+
Бордо 500
+
#C81E4E
+
Hover, иконки, декор
+
+
+
+
+
+
Бордо 100
+
#FFE4E6
+
Фоны карточек, тинты
+
+
+
+
+
+
Бордо 50
+
#FFF1F2
+
Страничный фон, подложки
+
+
+
+ + +
Семантические цвета — уровни риска в документах
+
+
+
+
+
Success
+
#10B981 · #ECFDF5
+
✓ Риск не выявлен
+
+
+
+
+
+
Warning
+
#F59E0B · #FFFBEB
+
⚠ Требует внимания
+
+
+
+
+
+
Danger
+
#EF4444 · #FEF2F2
+
✕ Критичный риск
+
+
+
+
+
+
Info
+
#3B82F6 · #EFF6FF
+
ℹ Аналитическая заметка
+
+
+
+ + +
Фирменные градиенты ЗАЩИТА
+
+
+
+
+
Brand Cover
+
#3B0212 → #9F1239 · 135°
+
Обложки отчётов, hero-блоки
+
+
+
+
+
+
Brand Mid
+
#9F1239 → #9F1239 · 135°
+
Карточки KPI, акценты
+
+
+
+
+
+
Brand Light
+
#9F1239 → #FDA4AF · 135°
+
Иконки, визуализации данных
+
+
+
+ + +
Матрица применения цветов
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ЦветПрименениеТекст на цветеКонтраст WCAG
#9F1239 Бордо 700Кнопки, CTA, навигационные акцентыБелыйAA ✓
#9F1239 PrimaryСсылки, иконки, hover-акцентыБелыйAA ✓
#3B0212 Brand DarkЗаголовки, обложки, тёмные поверхностиБелыйAAA ✓
#FFF1F2 Бордо 50Фон страниц в Бордо-теме, карточкиБордо 700AA ✓
#10B981 SuccessРост индексов, позитивные deltaБелыйAA ✓
#EF4444 DangerКритичный риск, срыв срокаБелыйAA ✓
+
+
+ + +
+
03
+

Типографика

+

Montserrat — только для логотипа. Inter — весь UI, таблицы, отчёты. Смешивать нельзя.

+ + +
+
ЗАЩИТА
+
+
+
Шрифт
+
Montserrat
+
+
+
Вес
+
700 Bold
+
+
+
Применение
+
Только логотип и суббренды
+
+
+
Трекинг
+
letter-spacing: 3–4px
+
+
+
+ +
+ Montserrat — только для логотипа. В UI использовать Inter. +
+ + +
+
+ Данные решают +
+
+
+
Шрифт
+
Inter
+
+
+
Веса
+
300 / 400 / 500 / 600 / 700 / 800
+
+
+
Применение
+
Весь UI — заголовки, текст, таблицы
+
+
+
Fallback
+
system-ui, sans-serif
+
+
+
+ + +
Шкала размеров — Inter
+
+
+
+
Display
+
48px / 800 / −4%
+
+
ЗАЩИТА
+
+
+
+
H1
+
36px / 700 / −3%
+
+
Защита в каждой сделке
+
+
+
+
H2
+
24px / 700 / −2%
+
+
Ценовой индекс по категориям
+
+
+
+
H3
+
18px / 700 / −1%
+
+
Динамика цен за период
+
+
+
+
Body Large
+
16px / 400 / normal
+
+
Кабинет проверяет договор, выявляет риски и контролирует сроки — до того, как вы подпишете.
+
+
+
+
Body
+
14px / 400 / normal
+
+
Вспомогательный текст, пояснения к рискам, метаинформация карточек документов.
+
+
+
+
Caption
+
12px / 400 / normal
+
+
Метки рисков · Сроки · Статусы документов
+
+
+
+
Label
+
11px / 700 / +1.5px
+
+
МЕТКИ РАЗДЕЛОВ · ИНДЕКСЫ · СТАТУСЫ
+
+
+ + +
+
Пары шрифтов в интерфейсе
+
+
+
Логотип
+
Montserrat 700
+
Исключительно для суббрендов: РАДАР, CRM, ЗАЩИТА. Больше нигде не используется.
+
+
+
UI / Content
+
Inter 300–800
+
Весь текст продукта. Оптимизирован для документов, таблиц рисков и карточек договоров.
+
+
+
+
+ + +
+
04
+

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

+

Компоненты ЗАЩИТА используют Бордо-токены. Не хардкодить HEX — только через CSS-переменные. Светлая и тёмная версии входят в поставку.

+ +
+ + +
+
+
+ + + +
+
+ + +
+
+ + + +
+
+
Кнопки — 5 вариантов · 3 размера · Light
+
+ + +
+
+
+ ЗАЩИТА + ▲ Рост 12% + ▼ −0.08 + ⚠ Контроль + Нейтрально +
+
+ Ценовой индекс + В норме + Тревога + На проверке + Premium +
+
+ Outline Бордо + Ghost Бордо +
+
+
Бейджи и статусы
+
+ + +
+
+
+
+
Ценовой индекс
+
vs. конкуренты
+
0.94
+
▼ −0.03 за неделю
+
+
+
Покрытие
+
Товаров отслежено
+
1 247
+
▲ +18%
+
+
+
Аномалии
+
Скачки цен
+
7
+
▼ высокий риск
+
+
+
+
KPI-карточки — статус документов (Бордо акцент)
+
+ + +
+
+
+
+
📊
+
+
Отчёт готов
+
Недельный анализ конкурентов сформирован — 1 247 позиций
+
+
+
+
⚠
+
+
Ценовой индекс снизился
+
−0.03 за 7 дней — рекомендуется пересмотр позиций
+
+
+
+
⚡
+
+
Аномальный скачок цены
+
Конкурент снизил цену на 34% — требует реакции
+
+
+
+
+
Уведомления и контроль сроков
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
КонкурентКатегорияЦеновой индексΔ нед.Статус
Наш магазин НашиКухни0.94▼ −0.03Контроль
Мебель КомфортКухни1.02▲ +0.01Стабильно
КухниПрофиКухни0.78▼ −0.16Демпинг
Стиль ИнтерьерКухни1.08▲ +0.04Растёт
+
+
Таблица документов — кабинет ЗАЩИТА
+
+ + +
+
+ +
+
ЦЕНОВОЙ ИНДЕКС
+
0.94
+
▼ −0.03 за неделю
+
+
+
ПОКРЫТИЕ
+
1 247
+
▲ +18% товаров
+
+
+
+ ЗАЩИТА + ▲ Рост + ⚡ Демпинг + ⚠ Контроль +
+
+ + + +
+
+
+
Dark mode — ЗАЩИТА на тёмной поверхности (#0C1929)
+
+ +
+
+ + +
+
05
+

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

+

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

+ +
Ключевые переменные продукта
+
+ +
+
+
+
--brand-cyan
+
#9F1239 · Primary action (Бордо 600)
+
+
+
+
+
+
--brand-dark
+
#3B0212 · Dark surface (Бордо 950)
+
+
+
+
+
+
--brand-cyan-l
+
#9F1239 · Hover / accent (Бордо 500)
+
+
+
+
+
+
--brand-logo
+
#5B5B5B · Logo label on light bg
+
+
+
+
+
+
--p-950
+
#3B0212 · Gradient start, deep dark
+
+
+
+
+
+
--p-700
+
#9F1239 · Button bg, nav active
+
+
+
+
+
+
--p-600
+
#B5163F · Бордо 600
+
+
+
+
+
+
--p-500
+
#C81E4E · Section numbers, accents
+
+
+
+
+
+
--p-50
+
#FFF1F2 · Бордо tint bg, rules box
+
+
+
+
+
+
--n-50
+
#F9FAFB · Page background
+
+
+
+
+
+
--n-200
+
#E5E7EB · Borders default
+
+
+
+
+
+
--n-500
+
#6B7280 · Muted / helper text
+
+
+
+
+
+
--s-success
+
#10B981 · Positive metric, growth
+
+
+
+
+
+
--s-danger
+
#EF4444 · Alert / decline / threat
+
+
+
+
+
+
--s-warning
+
#F59E0B · Attention needed
+
+
+
+
+
+
--sidebar-bg
+
#0C1929 · Sidebar / dark panel bg
+
+
+ +
+ +
+ + +
CSS :root — подключение токенов ЗАЩИТА
+
+ :root {
+   /* ── BRAND (ЗАЩИТА / Бордо) ── */
+   --brand-cyan:    #9F1239;  /* Primary action */
+   --brand-dark:    #3B0212;  /* Dark surface */
+   --brand-cyan-l:  #9F1239;  /* Hover / accent */
+   --brand-logo:    #5B5B5B;  /* Logo label on light */
+
+   /* ── PRIMARY SCALE (Бордо) ── */
+   --p-950: #3B0212;  --p-900: #7A0E2E;  --p-800: #8C1033;
+   --p-700: #9F1239;  --p-600: #B5163F;  --p-500: #C81E4E;
+   --p-400: #E8909F;  --p-300: #FDA4AF;  --p-200: #FECDD3;
+   --p-100: #FFE4E6;  --p-50: #FFF1F2;
+
+   /* ── NEUTRAL SCALE (shared) ── */
+   --n-900: #111827;  --n-800: #1F2937;  --n-700: #374151;
+   --n-500: #6B7280;  --n-400: #9CA3AF;  --n-200: #E5E7EB;
+   --n-100: #F3F4F6;  --n-50: #F9FAFB;
+
+   /* ── SEMANTIC ── */
+   --s-success: #10B981;  --s-success-bg: #ECFDF5;
+   --s-warning: #F59E0B;  --s-warning-bg: #FFFBEB;
+   --s-danger: #EF4444;  --s-danger-bg: #FEF2F2;
+   --s-info: #3B82F6;  --s-info-bg: #EFF6FF;
+
+   /* ── UI SURFACES ── */
+   --sidebar-bg: #0C1929;  /* Dark cyan-tinted sidebar */
+ } +
+ +
+
+ + Важные правила ЗАЩИТА +
+
+ 1. Montserrat 700 — только для логотипа. В UI не применять.
+ 2. Суббренд ЗАЩИТА — юридический кабинет: экспертиза договоров, контроль сроков, сопровождение сделок. РАДАР — мониторинг. CRM — кабинет. ЭКСПЕРТ — аналитика цен.
+ 3. Logo gray #5B5B5B — цвет суббренда на светлом. На тёмном фоне — rgba(255,255,255,0.92).
+ 4. Все цвета — только через токены. Не хардкодить HEX в компонентах.
+ 5. Sidebar ЗАЩИТА: #0C1929 (Бордо-dark tint), не чистый чёрный. Active nav border: #9F1239. +
+
+ +
+ +
+ + + + diff --git a/logos/logo-wasrusgen1-real.svg b/logos/logo-wasrusgen1-real.svg new file mode 100644 index 0000000..3ced221 --- /dev/null +++ b/logos/logo-wasrusgen1-real.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + diff --git a/tokens.css b/tokens.css new file mode 100644 index 0000000..eaf403a --- /dev/null +++ b/tokens.css @@ -0,0 +1,33 @@ +/* ============================================================ + ЗАЩИТА — ЕДИНЫЙ ИСТОЧНИК ТОКЕНОВ (цвет + шрифт). + Все экраны и брендбук берут значения ТОЛЬКО отсюда. + Никаких локальных hex и сторонних шрифтов — без исключений. + ============================================================ */ +:root{ + /* — шрифты — */ + --font-ui: 'Inter', system-ui, sans-serif; /* весь интерфейс */ + --font-logo: 'Montserrat', sans-serif; /* только логотип */ + + /* — бренд (Burgundy) — */ + --bg: #9F1239; /* primary: кнопки, акцент, лого */ + --bghv: #7A0E2E; /* hover primary (Burgundy 900) */ + --dark: #3B0212; /* тёмные плашки, градиенты */ + --tint: #F0E3E6; /* бордо-подложка */ + --shell: #20181A; /* тёмная оболочка: топбар/сайдбар/тосты */ + --shell2: #2C1820; /* оболочка — второй стоп градиента */ + + /* — нейтральная шкала — */ + --paper: #F9FAFB; /* полотно (текст договора) */ + --surf: #F3F4F6; /* фон рабочей области */ + --card: #FFFFFF; /* карточки */ + --line: #E5E7EB; /* границы */ + --ink: #111827; /* основной текст */ + --mut: #6B7280; /* вторичный текст */ + --slate: #374151; /* заголовки */ + --slate2: #4B5563; /* приглушённые подписи */ + + /* — приглушённая (muted) семантика — */ + --ok: #4F856F; --okbg: #E8EFEA; + --warn: #A87E3C; --warnbg: #F2EBDD; --warnhv: #EBDFC4; + --dng: #A14C5A; --dngbg: #F0E3E6; --dnghv: #E4CDD3; +}