🟢 NEW · Brand OS v3 Этап 0 ЗАКРЫТ · 2026-05-21 v4.68.1¶

Эталон лендинга .ai с полной RU/EN локализацией на одном URL утверждён CEO как canonical reference для всех будущих лендингов экосистемы. 7 железобетонных правил для предотвращения повторения проблем (шрифты / цвета / dual-truth):

Min font-size 12px для user-facing текста (никогда меньше)
Cache busting ?v=X.Y.Z bump при правке любого linked JS/CSS
i18n namespace check grep ≤ 1 перед добавлением (избежать duplicate)
Bilingual JS namespace + MutationObserver на html[lang] для всех динамических JS-текстов
Visual verify ВСЕЙ страницы через Chrome MCP (не только редактированного места)
«CEO одобрил» ≠ «закрыт» — обязательный явный вопрос «остались штрихи?»
curl ≠ браузер — verify через реальный Chrome MCP

Canonical reference: memory/feedback_landing_ai_canonical_v4681 — обязательно к прочтению перед созданием нового лендинга.

5 новых memory pattern (Этап 0): - feedback_landing_ai_canonical_v4681 · canonical reference + 7 правил - feedback_dual_truth_i18n_namespace · namespace collision (dual-truth #5) - feedback_cache_busting_version_bump · ?v= query string sync - feedback_bilingual_js_namespace_pattern · JS dynamic content i18n - feedback_full_page_visual_verify · обход всей страницы перед заявлением CEO

🧠 GOLDJAXE Design System · Семантическое ядро¶

Назначение. Этот документ — холдинг-уровневое ментальное ядро дизайн-системы. Не справочник классов (для классов есть ui-kit-v4.2.md), не визуальный document (для него GOLDJAXE-DESIGN-SYSTEM.html). Это decision-making framework: как мы принимаем решения о дизайне, чтобы все экраны экосистемы (.ai / .com / .org / academy / syndicate / gate) выглядели и работали как один организм.

Любая Claude-сессия, которая делает аудит / создаёт новый экран / редизайн существующего — ОБЯЗАНА прочитать этот файл первым. Дальше — нужный раздел playbook/.

Зачем нужно семантическое ядро¶

К маю 2026 в design-system накопилось: - Master CSS: ~2,068 строк (eco-components.css) - Spec: ~700+ строк (ui-kit-v4.2.md) - Прототипы: 36 HTML экранов (ecosystem-prototype/) - Memory: ~50 файлов feedback / project / reference в /Users/a/.claude/projects/.../memory/ - Handoffs / audits: ~15 документов в /claude/

Из-за этого объёма Claude в новой сессии тратит 20+ минут на чтение разрозненных файлов до того как может что-то сделать. Семантическое ядро ужимает это в 5 минут чтения + загрузку конкретного раздела по теме задачи.

Также — без формализованного ядра 4 призмы аудита (UI Kit / Light theme / Англицизмы / EN перевод) каждый раз вырабатываются заново. Ядро превращает их в воспроизводимый процесс.

Карта 13 разделов playbook¶

№	Файл	О чём	Кому критично
01	Mental Models	Контекстное разделение (UI-app / Marketing / Premium artifact) · Hierarchy of identity · Symmetry rule v4.4.12 · Compact-fold rule · 5 эталонных экранов	Все · читать первым
02	Tokens Canonical	Палитры (dark + light v2 + bronze) · Типографика (3 шрифта) · Spacing scale · Motion	Frontend · Designer
03	Light Theme	Decision tree cream vs dark · Immutable vs reactive · Override patterns (master vs page-isolated · !important when)	Любой светлый экран
04	Components	Cards · Buttons · Header · Footer · Modals · Forms · Status · Timeline — какой компонент когда	Все
05	Patterns	AI-Diagnostic · Quiz V3 · Certificate · Auth flow · Payment failure · Error pages · OG-images · Favicons	Создание новой страницы
06	Anti-patterns	11 правил против тупизны (расширенный список выученных уроков · правила в формате ❌/✅)	Перед каждой правкой
07	Workflow	4 призмы · CEO approval gate · Memory protocol · Versioning patch/minor/major	Любая правка с push
08	i18n	v4.7.6 FINAL · 4 паттерна (data-i18n + data-i18n-html + data-i18n-attr + bilingual JS-namespace) · MutationObserver lang-aware · `window.ecoLang.apply()` для in-form switchers · Native EN principles + 7 правил · Cache gotchas · 13/13 academy (228 JS-литералов · 1,330 ключей) · 7 закрытых прецедентов	Любой переключаемый текст / новый экран syndicate / gate-admin / .ai
09	Audit Checklist	4 призмы шаги · чек-лист каждой · audit-report шаблон	Аудит syndicate / gate-admin / nового продукта
10	Re-entry Anchors	Карта 50+ memory файлов · триггеры по теме · hierarchy importance	Cold start новой сессии
11	Failure Modes	v4.8.0 NEW · хронологический каталог провалов с root cause analysis · 5 системных принципов · case studies для cold-start обучения · дополняет 06 (правила) контекстом и историей	Cold start · onboarding нового подрядчика
12	Academy Premium Body	v1.1.0 (CEO apruv 2026-05-10 · 5 итераций) · 6 принципов dashboard-style эталона academy экранов · gradient body + subtle warm-gamma blocks + activity flex-stretch + Syndicate-style hover + compact tier chip `● L0` + responsive media query ≤ 920px · canonical: `academy/dashboard.html` · dark `#0C0C12` blocks · light `#FFFCF6` blocks	Любой academy экран · dashboard-style
13	Academy Lesson-Style	v1.0.0 (CEO apruv 2026-05-10 · 8 итераций) · 7 принципов lesson-style эталона + cross-cutting fixes · mirror panels 3-col (height не max-height) + font scale ×1.03 + right collapse + light gold→`#7A6614` bronze (AAA) + light completed/time 0.65/0.62 + dark active `#EBC554`→`#D4B447` anti-glare · canonical: `academy/lesson-viewer.html` · cross-cutting (5+6+7) применяется ко всем academy/*	lesson-style (lesson-viewer/lesson-quiz/lesson-completed) + cross-cutting на все academy/*
16	Social Media Typography	v1.0.0 (CEO апрув 2026-06-11) · канон подписей 9:16 + субтитров: Inter 900 CAPS + JetBrains Mono терминал-плашки (шампань #F2E9D0) · 🔴 Space Grotesk/Mono БЕЗ кириллицы — для русского только Inter/JetBrains Mono	Любая подпись на изображении соцсетей · субтитры видео · smm/media-producer

Reading orders · 3 пути¶

В зависимости от задачи — читать в разном порядке, не подряд.

Путь A · «Я в новой сессии, делаю что-то по дизайну впервые»¶

Этот файл (SEMANTIC-CORE.md) — 10 мин
01-mental-models.md — 7 мин
02-tokens-canonical.md — 5 мин
06-anti-patterns.md — 5 мин (правила что не делать)
11-failure-modes.md — 7 мин (истории откуда правила)
Старт работы. Дальше подгружай по теме.

Путь B · «Делаю аудит экрана / продукта»¶

Этот файл — 10 мин
09-audit-checklist.md — 5 мин (методология 4 призм)
01-mental-models.md — 7 мин (что вообще проверять)
06-anti-patterns.md — 5 мин (что искать как ошибки)
По ходу аудита подгружай: 03-light-theme.md / 08-i18n.md / etc.

Путь C · «Создаю новый экран»¶

Этот файл — 10 мин
01-mental-models.md — 7 мин
05-patterns.md — найти ближайший pattern, скопировать
04-components.md — компоненты для wiring
07-workflow.md — bumping/commit/push procedure

Quick reference · 6 базовых якорей¶

Для тех кто не хочет читать ничего, но должен помнить минимум.

🔴 Якорь 0 · Fold-first · Mobile-first delivery (ЖЕЛЕЗОБЕТОННОЕ · CEO 10.06.2026)¶

Любой новый экран / редизайн экосистемы проектируется так, чтобы его смысловое ядро (ценность + решение + CTA) полностью помещалось в фолд 1440×900 CSS без вертикального скролла, без шума, легко воспринимаемо. Выше фолда — только то, что нужно для решения; ниже — вторичная глубина (FAQ, детали). Long-form (урок, статья, legal) — исключение by design, но его первый фолд подчиняется правилу. Поставка НЕ готова без: (1) программной фолд-проверки (getBoundingClientRect().bottom последнего смыслового элемента ≤ viewport — числа в отчёте, не «на глаз»); (2) мобильного адаптива в той же поставке (≤767 стек по фирменным лекалам, touch ≥48, шрифты ≥ floor, экстрим 358-390 без overflow-X); (3) visual verify обе темы + скрины desktop-фолда и мобайла. Детали и протокол — playbook/01-mental-models.md §4. Прецедент-эталон: compact-fold pricing + request-access academy 10.06 (карточки 1000→560, фолд 822≤900, апрув CEO «эффект ВАУ»). Поправка реальности (10.06 вечер): хром браузера съедает ~100-115px → контрольный замер дополнительно на 1440×800 (реальный ноутбук), низ ядра ≤790. Короткие single-purpose экраны — sticky-footer канон: страница ровно в высоту окна, скролл 0 (main flex-1 в flex-колонке с футером, НЕ min-h-screen; центр сцены через my-auto, не justify-center). Прецеденты: diagnostic/dashboard/courses academy 10.06 (docH=800 ровно). Анти-паттерны — playbook 06 Группа G.

7 принципов решения (Senior UX 18+)¶

Юр чистота first — никаких советов нарушающих 115-ФЗ / GDPR / Stripe T&S
Скорость и фокус — не overengineering, не «на будущее»
Симметрия и ритм — золотой стандарт v4.4.12
Контекст важнее консистентности — UI-app footer light, marketing footer dark
Brand-immutable защита — header/cube/wordmark не реагируют на theme
Visual proof перед CEO — screenshot / zoom / computed style ДО показа
CEO итерирует — это нормально — 2-4 ревизии не паника

5 фильтров призмы миссии (для любой рекомендации)¶

Юридическая чистота и защита активов
Генерация выручки и рост прибыли
Скорость исполнения и автоматизация
Репутация и позиционирование бренда
Долгосрочная стратегия и масштабирование

7 эталонных экранов (золотой стандарт)¶

ai/landing.html — premium light theme + айдентика
academy/checkout-success.html + ai/enterprise-thanks.html — V3 success 1-screen
academy/login.html — V1 auth single-card 460px
academy/lesson-completed.html — V3 success + cross-product
academy/onboarding.html — AI-Diagnostic золотой эталон v4.4.14
academy/dashboard.html — NEW 2026-05-10 · Academy Premium Body Pattern v1.1.0 (playbook 12) + cross-cutting fixes из playbook 13 (light bronze #7A6614 + faint readability 0.65)
academy/lesson-viewer.html — NEW 2026-05-10 · Academy Lesson-Style Pattern v1.0.0 (playbook 13) — mirror panels 3-col + font scale ×1.03 + right collapse + light bronze + dark active anti-glare #D4B447

4 призмы аудита (методология)¶

UI Kit — структурный аудит классов / typography / spacing
Light theme — каждый экран в обеих темах, контраст, читаемость
Англицизмы — feedback_anglicisms_audit_prompt.md (sprint/scope/refactor запрещены)
EN перевод — i18n keys coverage + native polish

3 уровня компонентов¶

Brand-immutable — header / cube / wordmark / footer triad on landing → НЕ реагируют на theme
Theme-reactive — body / cards / text / borders → меняются по data-theme
Context-specific — footer на academy (cream) vs marketing (Stripe-pattern dark) → решение по контексту

Re-entry triggers · одна строка для re-load¶

В новой сессии Сергей пишет один из триггеров — Claude поднимает контекст:

Триггер	Что Claude делает
«прочти контекст semantic-core»	Читает этот файл + `01-mental-models.md`
«делаем аудит [продукта]»	Читает этот файл + `09-audit-checklist.md`
«создаём экран [имя]»	Читает этот файл + `01-mental-models.md` + `05-patterns.md`
«правим light theme»	Читает этот файл + `03-light-theme.md`
«правим i18n»	Читает этот файл + `08-i18n.md`
«прочти контекст failure-modes»	Читает этот файл + `11-failure-modes.md` + `06-anti-patterns.md`
«прочти контекст academy-premium-body» / «академия дашборд»	Читает этот файл + `12-academy-premium-body.md` + эталон `academy/dashboard.html`
«прочти контекст academy-lesson-style» / «делай как lesson эталон»	Читает этот файл + `13-academy-lesson-style.md` + эталон `academy/lesson-viewer.html`
«делай как senior» / «включи дизайнера GOLDJAXE»	Скил `goldjaxe-designer` активируется автоматически + читает этот файл + 11 + 06
«делаю презентацию» / «эталон публикации»	Читает `presentations/canonical/README.md` + `brand-os/templates-index.md` раздел 4 (класс «Публикация»)

Полная карта триггеров — в 10-reentry-anchors.md.

Maintenance protocol¶

Семядро — живой документ. Поддерживается caждый раз когда: - Появился новый canonical pattern (CEO утвердил) → добавить в 05-patterns.md - Найдена новая anti-pattern (после ошибки) → добавить в 06-anti-patterns.md (правило ❌/✅) + 11-failure-modes.md (case study с датой/контекстом/реакцией CEO) - Изменился token (новый цвет / шрифт) → обновить 02-tokens-canonical.md - Закрыта призма аудита нового продукта → обновить 09-audit-checklist.md (sample audit-report) - Создан/обновлён memory file → обновить 10-reentry-anchors.md - Произошёл новый провал (CEO раздражён / много времени потеряно) → обязательно case в 11-failure-modes.md с root cause analysis

Bump rule: - Patch (4.5.X) — точечная правка одного файла playbook - Minor (4.X.0) — добавление нового раздела / новый pattern в 05-patterns.md - Major (X.0.0) — пересмотр архитектуры (например выделение нового UI-app кроме academy)

Связанные документы (вне playbook)¶

ui-kit-v4.2.md — справочник классов и canonical patterns (синтаксический)
eco-components.css — master CSS (исполняемый)
GOLDJAXE-DESIGN-SYSTEM.html — визуальный document (рендер всех components в одном HTML)
ecosystem-prototype/ — 36 HTML экранов как living reference
/claude/CLAUDE.md — root protocol (privacy / split-ingest / lint workflow)
/Users/a/.claude/projects/.../memory/ — feedback/project/reference base

Status: этот файл скелетон — Phase 0 (CEO ОК на структуру). Полное наполнение в следующих фазах.

Next: прочитать 01-mental-models.md для понимания базы.