01 · Foundations

Стиль-гайд

Базовые токены системы ВЫШКА. Один источник правды для всех экранов: цвет, типографика, ритм отступов, скругления, тени и иконография.

01.1

Цветовая палитра

Фон и панели

Фон
#1A1B1E
--bg
Фон · приподнятый
#232428
--bg-elev
Панель
#202225
--panel
Панель 2
#2B2D31
--panel-2
Панель 3
#36373D
--panel-3
Граница
#2E3035
--bd
Граница · сильная
#43454B
--bd-strong
Текст
#F2F3F5
--txt

Текст и акценты

Текст · вторичный
#B5BAC1
--sub
Текст · приглушённый
#949BA4
--mute
Акцент · индиго
#5865F2
--acc
Акцент · мягкий
16% alpha
--acc-soft
Голос · зелёный
#23A55A
--voice
AI · фиолетовый
#A78BFA
--ai
AI · мягкий
14% alpha
--ai-soft
Голос · мягкий
16% alpha
--voice-soft

Статусы

Успех
#0EA571
--ok
Предупреждение
#C78600
--warn
Ошибка
#D94040
--err
Запись
#E0433B
--rec
01.2

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

Heading 1
700 · 40/44 · -0.02em
Голосовые комнаты ВЫШКА
Heading 2
650 · 28/33 · -0.015em
Командная работа без переключений
Heading 3
600 · 20/25 · -0.01em
Разработка · 8 участников в эфире
Heading 4
600 · 16/21
Последние файлы команды
Body
400 · 14/22
Основной текст интерфейса. Сообщения, описания и подписи набираются кеглем 14 пикселей с увеличенным межстрочным интервалом для комфортного чтения в плотной тёмной теме.
Caption
500 · 12/17
Вторичная подпись · 14:32 · отредактировано
Overline
600 · 11 · UPPER · 0.08em
Категория канала
Mono
Geist Mono · таймеры, коды
01:24:08
REC · #A3F2-91 · 128 kbps
01.3

Сетка отступов · 4-base

Все отступы кратны 4. Базовый ритм интерфейса: 8 — внутри компонентов, 12–16 — между элементами, 24–32 — между блоками.

01.4

Радиусы

8px
--r-sm · чипы, мелкие кнопки
12px
--r · кнопки, поля, табы
16px
--r-lg · карточки, модалки
999px
--r-pill · пилюли, аватары
01.5

Тени

--sh-1
залипающие элементы
--sh-2
тосты, тултипы
--sh-pop
поповеры, меню
--sh-3
модальные окна
01.6

Иконография · 24px · stroke 2

Линейные иконки в едином стиле: сетка 24px, толщина обводки 2px, скруглённые концы. Цвет наследуется от текста (currentColor).