Единая правда о дизайне AIST.tech.
Поверхности, токены, принципы и паттерны для маркетинга, ЛК и MI Analyst. Один источник правды для команды, подрядчиков и будущих агентов.
- Brand
- Calm institutional authority. Высокий контраст нейтралов, один уверенный синий
#0048B2, типографика несёт вес. - Surfaces
- aist.tech · app.aist.tech · MI Analyst. Первые две — light theme, MI Analyst — dark zinc.
- Language
- Русский только. «Мы» команды → «вы» покупателя. Без эмодзи, без хайпа.
01 — Foundations
Фундамент
Токены, шкалы, базовые ритмы. То, что не обсуждается на каждом экране.
- Цвет Палитра light + dark, правила применения, semantic tokens. READY
- Типографика Commissioner + Inter, шкала h1–h3, body, caps-labels, пары. READY
- Spacing & Radii 4 → 80 шкала, радиусы 8/10/12/16, ритм секций. READY
-
Motion
Длительности 120/200/320, easing
(0.2,0,0,1), философия. READY
02 — Principles
Принципы
Документы «почему». Объясняют решения, которые токены и компоненты только фиксируют.
- Голос и тон Шесть принципов: точность, прямота, фактичность. Do/Don't, словарь. READY
- Layout & Composition Сетка, ритм секций, когда карточка/когда голая типографика. READY
- Density & Information Marketing vs ЛК vs Analyst — три режима плотности. READY
- Empty / Error / Loading Голос проверяется тут. Состояния без данных и при сбоях. READY
03 — Components
Компоненты
Атомы интерфейса с вариантами, состояниями и размерами. Источник — shadcn/ui + наши правки.
- Buttons Variant × state × size matrix. Primary inversion на CTA. READY
- Forms & Inputs Поля, валидация, ошибки. Голос ошибок — см. Voice. DONE
- Cards & Surfaces 6 вариантов, decision tree, deprecated паттерны. Из исследований. READY
- Navigation Top, sidebar, breadcrumbs, tabs, TOC, pagination — в одном документе. READY
- Tables & Data Tabular figures, density, sorts, bulk actions. Критично для MI Analyst. READY
- Badges, Pills, Chips Три атома с разными функциями: статус / счётчик / выбор юзера. READY
- Widgets (Analyst) KPI, chart, table, matrix, SQL, sources, insight — карточки canvas MI Analyst. READY
04 — Patterns
Паттерны
Как компоненты собираются в секции и экраны. Готовые ответы для частых задач.
- Marketing sections Hero, problems, approach, features, metrics, CTA + ритм страницы. READY
- Dashboard layouts App shell, tile grid, list rows, hero + bento, split panel, empty. READY
- Analyst views (dark) Chat + canvas, chat-only, report view, типы bubbles. READY
- Onboarding Sign up → verify → org → invite → first action. 5 шагов, skip везде. READY
- Settings Sidebar + per-section save, team table, API keys, danger zone с type-to-confirm. READY
05 — Brand
Бренд
Логотип, lockups, голос. То, как AIST.tech показывается миру.
- Logo & brand assets Wordmark, mark, lockups продуктов, clear space, voice. 9 секций. READY
06 — Surfaces
Поверхности
Три продукта целиком — живые UI kits и референсы.
- aist.tech — Marketing Публичный сайт, lead capture, brand conviction. UI KIT
- app.aist.tech — ЛК Shell Sidebar + topbar + product area, multi-tenant. UI KIT
- MI Analyst — Dark Аналитический инструмент с chat + widget panel. UI KIT
07 — Specimens
Атомные образцы
Маленькие карточки для Design System tab. Используются для ревью токенов.
- Colors — Brand Primary swatch + usage. SPECIMEN
- Type — Display Commissioner h1/h2/h3. SPECIMEN
- Buttons Variants + states (specimen). SPECIMEN
- Cards Текущие card-паттерны (specimen). SPECIMEN