Nozarashi

01 / POSITIONING

What the product is

Не Codex-клиент. Рабочая среда для автономной AI-работы.

Кодинг остаётся главным сценарием, но продукт уже шире: агент работает с любыми папками, документами, репозиториями, сервисами и операционными задачами на VPS.

AgentsДолгоживущие треды, reasoning, steering, очередь вопросов и контекст.

WorkspacesGit-репозитории и обычные папки: код, документы, исследования, данные.

Control planeConnections, Git identities, Files, system monitor, deploy и обновления.

Self-hostedДанные и процессы остаются в инфраструктуре владельца, а UI доступен с любого устройства.

02 / CURRENT UI

Visual audit

Архитектура интерфейса уже сильнее текущего бренда.

Плотность, плавающие поверхности и спокойная работа с большим количеством тредов — сохраняем. Пересобираем идентичность, цветовую иерархию и общую дисциплину компонентов.

Текущий основной интерфейс на десктопе — Current workspace · desktop

Текущий мобильный sidebar — Mobile navigation

Текущий интерфейс Connections — Connections & runtime

Сохранить

Компактность, split/group, мягкие floating surfaces, живые thinking/completed состояния.

Унифицировать

Радиусы, высоты контролов, слои overlay, модель цвета и поведение loading/error/empty.

Убрать

Прямые anime-ассеты, случайные синие оттенки и всё, что визуально привязывает продукт только к Codex.

03 / BRAND

Identity direction

Nozarashi как характер, а не как anime-скин.

Название даёт образ закалённого инструмента, открытого реальной среде. Визуальная система должна быть собственной: без персонажей, узнаваемой франшизной типографики и копирования символов.

野晒 / weather-exposed Nozarashi Self-hosted AI Agent Workspace

Образ

Weathered steel, дождь, след от лезвия, поле после шторма. Не агрессия ради агрессии, а мощность под контролем.

Знак

Монограмма N, пересечённая одной точной линией. Работает как favicon, app icon и indicator активного агента.

Голос

Короткий, уверенный, технический. Меньше объяснений в UI, больше точных состояний и измеримых сигналов.

Граница IP

Никаких изображений Зараки, Bleach-логотипов, имён персонажей и franchise symbols в продуктовом брендинге.

04 / DESIGN SYSTEM

Color & type

Тёплый мрак вместо холодного SaaS.

Bone задаёт читаемость, brass — бренд и selected, storm teal — процесс, green — только подтверждённый успех, cut red — опасные действия. Так цвет начинает сообщать состояние, а не просто украшать.

Field Night#080A0D

Weathered Iron#181E24

Bone#E8E0D2

Brass#D1A35B

Storm#57C3BD

Cut#BB5450

Quiet power.
Precise action.System sans · 600–760 · крупный только в брендинге и пустых состояниях

Agent Thinking... 2m 42sWorkspace /srv/workspaces/platformRuntime 14 connections · healthyContext 79% · 204k / 258k

05 / INTERFACE

Target composition

Тот же быстрый cockpit, но с одной визуальной грамматикой.

Редизайн не должен красть пиксели. Сетка, размеры и информационная плотность сохраняются; меняются токены, состояния, бренд-слой и согласованность поверхностей.

NNozarashi

agent workspace · online

platform resiliencefoundry/platform · /srv/workspaces/platform

Проверь readiness перед следующим deploy и не прерывай активные треды.

Проверяю unit dependencies, локальные health endpoints и порядок переключения release. Активный app-server остаётся вне обычного restart path.

Thinking42s

Опиши, что изменить в проекте...

5.6-Sol · high · fast · 41%↑

Selected ≠ Thinking

Brass сообщает навигационный выбор. Storm teal сообщает процесс. Оба состояния могут существовать одновременно и не спорят.

One overlay model

Modal, context menu, toast и connection notice используют единый registry слоёв, backdrop и Escape lifecycle.

Motion with purpose

Свечение означает живой процесс. Layout не перезапускает анимацию от каждого event и не меняет геометрию без данных.

Compact by default

Базовый шаг 4px, control heights 28/32/36, радиус 5–7px. Карточка появляется только там, где сущность действительно отдельная.

Mobile is composed

Не уменьшаем desktop целиком: приоритеты перестраиваются в две строки, пути переносятся, действия остаются доступны пальцем.

Model-agnostic language

В бренде нет Codex. Название конкретной модели остаётся runtime-параметром рядом с speed, reasoning и context.

06 / ROLLOUT

Implementation plan

Редизайн по слоям, без большого опасного rewrite.

Каждый этап можно отдельно проверить и выложить. Сначала foundation и brand shell, затем состояния и surfaces, только после этого — login и более выразительная motion-система.

00Brand contract

Утвердить имя, descriptor, знак, favicon, словарь интерфейса и запрет на franchise assets.

1–2 дня

01Token foundation

Вынести цвета, elevation, z-index, radius, spacing, typography и motion durations в семантические CSS tokens.

2–3 дня

02Application shell

Переименовать BuCodex, обновить mark, sidebar, header, composer, mobile chrome и initial loader.

3–4 дня

03State language

Унифицировать selected, thinking, completed, sending, reconnecting, loading, stale и error без layout shifts.

3–5 дней

04Operational surfaces

Settings, Connections, Files, Git profiles, monitor, dialogs, menus и toast через общие primitives.

4–6 дней

05Login & motion

Заменить anime-background на собственную weather-field сцену и добавить спокойную, независимую от stream updates анимацию.

2–4 дня

06QA & release

Visual regression desktop/mobile, reduced motion, keyboard, contrast, reconnect/deploy interruption и stage soak.

2–3 дня

Не делать:не менять архитектуру данных вместе с визуальными токенами; не переписывать стабильные SolidJS flows; не вводить новый UI-kit целиком; не превращать рабочий cockpit в маркетинговую витрину.

Recommended direction

Самостоятельный self-hosted AI Agent Workspace: спокойный в обычной работе, выразительный в живых состояниях и не зависимый от бренда одной модели.

Open current product ↗