Design System/Токены
Foundations
Foundations

Токены интерфейса

Значения собраны из текущих общих CSS-файлов и темы UI. Названия отражают фактическое назначение значений во фронтенде.

Нейтральная палитра

Текст, границы, фоны и disabled-состояния.

src/styles/base.css
neutral.1--n-1 · #1f1f1f
neutral.2--n-2 · #262626
neutral.3--n-3 · #595959
neutral.4--n-4 · #8c8c8c
neutral.5--n-5 · #bfbfbf
neutral.6--n-6 · #d9d9d9
neutral.7--n-7 · #e8e8e8
neutral.8--n-8 · #f0f0f0
neutral.9--n-9 · #f5f5f5
neutral.10--n-10 · #fafafa

Основные и семантические цвета

Интерактивные элементы, статусы и AI-акцент.

base.css · theme.ts
color.primary--primary · #1677ff
color.primary.hover--primary-hover · #0958d9
color.primary.bg--primary-bg · #e6f4ff
color.primary.border--primary-border · #91caff
color.success--success · #52c41a
color.success.bg--success-bg · #f6ffed
color.warning.text--warning-text · #d48806
color.warning.bg--warning-bg · #fffbe6
color.error.text--error-text · #cf1322
color.error.bg--error-bg · #fff2f0
color.ai--ai · #722ed1
color.ai.bg--ai-bg · #f9f0ff

Каналы

Акцентные пары из общего словаря провайдеров.

src/shared/providers.ts
provider.email.bg#fff7e6 · text #d48806
provider.max.bg#f2f0ff · text #6b5be0
provider.telegram.bg#eaf6fd · text #2f8fd0
provider.web.bg#e8f7f4 · text #0f9b8e

Типографика

Системный sans-serif и моноширинный стек для идентификаторов.

base.css · page.css
Основной шрифт--font-sans
Заголовок страницы · 24 / 700
Заголовок компонента · 14 / 600
Основной текст интерфейса · 13.5 / 400
Подпись поля · 12 / 500
Моноширинный--font-mono
org_01J9R7Q6ZWPB
connection_telegram_primary
2026-07-30T14:13:00Z

Радиусы

Корневые токены и используемые малые значения controls.

base.css · shared/*.css
radius.4
4px · focus
radius.6
6px · badges
radius.md
8px · controls
radius.lg
9px · buttons
radius.xl
10px · cards
radius.2xl
12px · panels
radius.4xl
14px · dialogs
radius.pill
999px · tags

Интервалы и размеры controls

Повторяющиеся значения общих компонентов.

shared/*.css · layout/*.css

Spacing scale

space.1
4px
space.2
6px
space.3
8px
space.4
12px
space.5
14px
space.6
16px
space.7
20px
space.8
24px
space.9
28px

Control heights

control.xs
24px
control.sm
30px
control.compact
34px
control.action
36px
control.md
38px
switch.md
42×24
switch.lg
46×26
shell.bar
56px

Тени

Общие elevation-уровни и характерные component shadows.

base.css · shared/*.css
shadow.xs
cards
shadow.sm
panels
shadow.button
primary
shadow.lg
dialogs