Generator
Noto Sans
Строгий монохром, яркие продуктовые градиенты, Noto Sans, pill-геометрия и дизайн-инструмент, который спроектировал себя.
CLIAgentDESIGN.mdOpen Source
BrandOS — генератор бренд-контрактов
CLI · Агент · DESIGN.md
Дизайн-инструмент, который спроектировал себя.
BrandOS — это небольшой CLI и агентский prompt, который превращает бриф в переносимый дизайн-контракт: токены, темы, 8 осей настройки, бренд-знаки и parser surface.
npx brand-os init --name "Acme" --style minimal --palette slateSchema -> DESIGN.md -> tweaks -> previews
Темы с проверкой контраста (WCAG AA + APCA Lc)
Любая UI-библиотека — UI8Kit поставляется как эталон
CLI собирает ваш бренд-контракт
Пять фаз выполняются локально на вашей машине — без SaaS посредника.
Discover
brand-os discover
Читаем бриф...
Extract
brand-os --ast-input <url>
Обходим HTML AST...
Compose
brand-os init --json
Генерируем semantic tokens...
Iterate
brand-os tweaks --apply
Запускаем 8-axis tweaks engine...
Emit
brand-os --bootstrap
Пишем DESIGN.md (YAML + 8 sections)...
Live brand contracts
Four brands, generated by the CLI itself.
Each card opens its own design-system preview. Same UI8Kit primitives, different brand layer.
Prototype Kit
Nunito / Nunito Sans
Нейтральная slate-палитра, Nunito для заголовков, Nunito Sans для текста и семантические CVA-примитивы. Прототипный слой, на который накладываются бренды.
React 19Tailwind 4CVAshadcn
Restaurant
Cormorant Garamond / Manrope
Тёплая hospitality-палитра, Cormorant Garamond для заголовков, Manrope для текста и мягкая глубина. Для меню, бронирований и CMS dashboards.
MenuReservationsCMSPromo
SSO Auth
Noto Sans
Уверенный тёмный canvas, яркий красный accent, hosted-UI паттерны и Noto Sans. Self-hosted SAML 2.0 + OIDC + Passkeys.
SAMLOIDCWebAuthnIdP
CLI workflow
Five phases. One contract.
Each phase is useful alone and composable end-to-end.
01
Discover
Начните с короткого брифа. Агент спрашивает только то, чего не хватает, и аккуратно выводит остальное.
02
Extract
Опциональный HTML-анализ поднимает цвета, типографику, плотность и повторяющиеся оболочки.
03
Compose
Токены, темы, бренд-знаки, parser contract и DESIGN.md становятся единым источником правды.
04
Iterate
Настраивайте радиус, плотность, глубину, motion, type scale и поверхность без переписывания компонентов.
05
Emit and validate
Соберите пакет и проверьте контраст до того, как дизайн-система покинет репозиторий.
8
осей настройки в контракте
4
бренда в витрине
2
локализованные версии
0
сырьевых layout-тегов
What ships
A small CLI that does one thing extremely well.
BrandOSS gives you the contract. The Go UI proves it can become a real design system.
DESIGN.md как формат обмена
YAML-fronted контракт, который LLM-агенты читают без дополнительной prompt-обвязки.
Темы на токенах
Светлая, тёмная, типографика, радиус и глубина выражены через семантические токены.
Бюджеты контраста
Цветовые роли проверяются как доступные пары до того, как становятся UI-поверхностями.
UI8Kit как эталон
Каждая страница демонстрирует контракт через примитивы UI8Kit и нейтральные композиты.
Открытый workflow
Схемы и emissions остаются в репозитории. SaaS control plane не требуется.
Правила для агентов
Cursor rules фиксируют семантику тегов, ui8px policy и границы Block/Box.
FAQ
Common questions
Short answers about BrandOSS, UI8Kit and the migration from React.
Нет. Это repository-first сайт для презентации и разработки переносимых бренд-контрактов.
UI8Kit доказывает, что контракт реализуем через семантические Go-компоненты, а не через framework-specific JSX.
Go-версия начинается с обычных shadcn :root и .dark токенов. Per-brand switching можно добавить позже на серверной стороне.
Правила тегов UI8Kit и ui8px policy фильтруют теги, utility-классы, spacing и повторяющиеся паттерны.
Готово к запуску
Сгенерируйте контракт и докажите его в интерфейсе.
Используйте CLI для дизайн-контрактов, а этот сайт — как эталон Go, templ, UI8Kit и строгой utility policy.
npx brand-os init