Стеклянный люкс

Дизайн-система Maia — одна на кабинет агентства, лендинг и виджет. Полупрозрачные панели над живым цветным фоном: глубина строится материалом, а не рамками.

Направление Spatial UI (VisionOS) Шрифт Inter, самохостинг Тем 2, равноправны Токенов 106 Версия 1.0.0

Три документа

Брендбук

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

Открыть

Контракт системы

Источник истины. Принципы, правила набора, рецепт стекла, что запрещено и почему, замеры контраста, история сведения кабинета и лендинга. Правка системы начинается отсюда.

Открыть

Токены, JSON

Машиночитаемо: обе темы целиком, рецепты стекла и кнопок, шкалы, замеры контраста. Для разработчиков, сборщиков тем и ИИ-агентов.

Скачать

Кому что отдавать

Кому	Что	Почему
Дизайнеру, клиенту, подрядчику	Брендбук	не нужен ни редактор кода, ни Figma — только браузер
Разработчику	Контракт + токены	значения берутся токеном, литерал в коде — ошибка
ИИ-агенту	Контракт + токены	прочитает и сделает в том же стиле, не выдумывая

Где живёт реализация

Поверхность	Файл
Кабинет platform.maia24.ru	`prototype/src/index.css`
Лендинг maia24.ru	`maia24-site/src/styles/theme.css`

Расхождение между этими двумя файлами означает, что продукт распался на два. Правка любого токена вносится в оба плюс в tokens.json.