COMPO · Brand System

Статус v0.1. Это стартовая система, а не финальный ребрендинг. Она фиксирует уже работающий визуальный язык сайта и делает его повторяемым для новых страниц.

01 · Типографика

COMPO

Композиция как система.

Роль	Шрифт	Правило
Display / H1–H6	Morfin Sans Regular	Локальный файл, крупные заголовки, короткие формулировки, высокий контраст.
Body	Arial, Helvetica, sans-serif	Читаемость длинных технических текстов и кириллицы.
Machine / code	ui-monospace	JSON, идентификаторы, статусы и технические поля.

Лицензионная запись: Morfin Sans license record. Источник: Fontesk. Дизайнер: KFproduction.

02 · Цветовые токены

--compo-ink #11100f
Основной текст / тёмная поверхность

--compo-cream #fbf8f0
Основная бумажная поверхность

--compo-blue #2639ff
Навигация / акцент / gate

--compo-yellow #f7ee3b
Hover / attention

--compo-red #ef372e
Warning / failure

status done
Положительный статус

03 · Сетка и поверхность

Paper + ink

Сайт строится на тёплой бумажной поверхности, тонких чёрных линиях и одной сильной акцентной синей линии.

Grid visible

Сетка может быть видимой частью языка: она показывает структуру, а не маскируется под нейтральный фон.

Flat layers

Панели, статусы и карточки — плоские, с границей; глубина создаётся отношениями блоков, а не декоративными тенями.

Responsive first

На узком экране колонки сворачиваются, порядок информации сохраняется, заголовок остаётся главным якорем.

04 · Правила системы

Правило	Применение
Один экран — один главный вопрос	Страница должна быстро объяснять, что это, зачем нужно и куда идти дальше.
Заголовок → пояснение → действие	Каждый крупный блок получает короткую иерархию, а не просто декоративный title.
Состояние видно	DONE, ACTIVE, BLOCKED и NOT READY оформляются как явные статусы.
Техническое не скрываем	Источники, лицензии, версии и ограничения находятся рядом с применением.
Не превращать стиль в CANON	Brand system описывает визуальный слой COMPO и не меняет canonical composition rules.

05 · Следующие компоненты

Следующий слой: кнопки, ссылки, status badges, cards, tables, code blocks, notices, result pages, lab stimuli и Workbench controls. Каждый компонент будет получать token, состояние, пример и ограничение.