Визуальный язык counter-trading редизайна. Гибрид: Editorial-UI (serif/cream, доверие) + Liquid-Chrome бренд-ассеты (акула/череп). Утверждён Rick'ом по живому мокапу:
kb.szhub.space/polikopi/(исходникredesign/theme-refs/_hybrid.html). Референсы:docs/theme-refs/ref-02.jpeg(editorial база),ref-07.jpeg(chrome бренд).
Реальные деньги юзеров → UI должен читаться как серьёзные финансы, а не crypto-casino. Serif + сдержанность = доверие (наш white-ocean позишн). Хром-акула/череп = характер бренда, выносится в ассеты (splash, аватары, иконка, пустые состояния), НЕ в рантайм-3D.
/* dark editorial (Leaders, Portfolio, большинство экранов) */
--ink: #0e0f13; /* фон */
--ink-panel: #15171d; /* карточка/панель */
--ink-bd: #23262f; /* бордер/разделитель */
--ink-bd2: #1b1d24; /* тонкий разделитель строк */
--tx: #ece9e1; /* основной текст */
--tx-hi: #ffffff; /* заголовки */
--mut: #9a958a; /* приглушённый/лейблы */
/* cream editorial (Trader Profile, «светлый» акцент-экран) */
--cream: #f4f1ea;
--cream-panel: #fbf9f4;
--cream-bd: #e2ddd0;
--ink-on-cream: #1a1a16;
--mut-on-cream: #8a8576;
/* семантика (инвариантна, НЕ зависит от accent-темы) */
--g: #1f9e57; /* COPY / YES / profit */
--g-soft: #2fb86a; /* COPY текст на тёмном */
--r: #d8425f; /* FADE / NO / loss */
--gold: #c9a84a; /* активная nav-иконка, премиум-акцент */
Profit/loss и COPY/FADE цвета инвариантны к accent-пикеру (как в текущем
useAccent). Accent-темы (6 шт) меняют только нейтральный акцент, не семантику.
--serif: Georgia, 'Times New Roman', serif; /* заголовки, имена, крупные числа (EDGE, P&L%) */
--sans: 'Inter', system-ui, 'Segoe UI', sans-serif; /* UI, лейблы, body */
--mono: 'JetBrains Mono', 'SF Mono', ui-monospace, monospace; /* ВСЕ цифры: цены, %, EDGE, таймстемпы */
400 (regular serif читается дороже, чем bold).client/src/redesign/editorial.css).pk-toggle COPY⇄FADE — пилюля, активная сторона светится (COPY=зелёный фон-glow / FADE=красный), неактивная мьют. Glow ТОЛЬКО на активной..pk-leader-row — ранг(serif) · хром-аватар(круг) · имя(serif)+тег COPY/FADE · EDGE(mono, зелёный/красный). Разделитель --ink-bd2..pk-pill — тег COPY (bg rgba(31,158,87,.16)) / FADE (rgba(216,66,95,.16))..pk-hero — круглый хром-аватар кита (PNG-ассет из ref-07), box-shadow inset 0 0 0 6px #fff на cream..pk-edge — крупный serif-скор + TOP 3% mono-подпись..pk-equity — SVG-кривая, заливка --g gradient..pk-btn-yes / .pk-btn-no — outline-кнопки (1.5px border --g/--r), serif YES/NO + mono подпись copy/fade..pk-pos — позиция портфеля: хром-аватар · вопрос(serif) · YES/NO @ цена(mono) · P&L(mono)..pk-nav — bottom nav, активная иконка --gold.Свечение/тень-акцент только на активном/выбранном элементе (активная сторона тумблера, выбранная карточка, hover). Нигде «фоновый неон». Это отличает нас от crypto-casino рефов.
| Ассет | Где | Формат |
|---|---|---|
| Chrome shark (зелёный) | COPY-аватар, splash, app-icon | прозрачный PNG ≥512px |
| Chrome skull (красный) | FADE-аватар, пустое состояние | прозрачный PNG ≥512px |
| Сплит shark/skull | онбординг, маркетинг-лендинг | PNG 16:9 |
До готовности чистых вырезок — временно CSS-кроп ref-07 (как в мокапе).
editorial.css токены/preview → деплой poly-dev → Rick смотрит ЖИВЬЁ6555979): session-guard в PrivyAccount.tsx (sessionStorage-флаг на dwAddress, ставится ДО вызова) → авто-редем ≤1 раз за сессию, не на каждой навигации..pk-wordmark).6e5994f), B2 демон-инверсия (ec51ece), B3 UI (1587787). LIVE, fade-код активируется только при direction:'fade' в конфиге подписки.Цель: убедиться что демон корректно фейдит реальными деньгами перед продвижением фичи. Раннбук:
pm2 logs copy-trader-mu): ждать ✅ COPIED: BUY <N> "No" @ <1-p> на КОМПЛЕМЕНТАРНОМ токене (не лидеровом). Проверить: цена ≈ (1 − цена_лидера), outcome противоположный.skip fade (... outside band). Non-binary → skip fade (non-binary).🔻 ... (fade→close) на нашем токене.~/openclaw-backups/copy-loop-mu-pre-chunkB-2026-06-23.mjs → restore + pm2 restart copy-trader-mu.