Design system · v1

Solver Console

Тёмная тема Telegram Mini App. Чернильно-синие поверхности, тёплый костяной текст, цвета действий — номиналы покерных фишек. Один акцент: золото.

01 · Поверхности
ink-900 · фон
#0D1120 → tg bg_color
ink-800 · карточка
#141A2C → tg secondary_bg
cell-empty · клетка
#161C2D — вне диапазона
line · сетка
#2C3654
02 · Действия — фишки (единственный цвет данных)
raise / bet
#E5533D — глина
call / check-call
#2FBF9B — нефрит
fold / check
#5E6CA0 — сланец
accent — золото
#F2C14E — CTA, ваша рука

Правило: красный/нефрит/сланец применяются только к покерным действиям — в матрице, кнопках, частотных полосах. Никакого декоративного использования. Золото — один акцент на экран.

03 · Текст и масти
bone · основной
#ECE7DC (не #FFF)
mute · подписи
#7C87A6 → tg hint_color
A♠
K♥
Q♦
J♣
T♥

Карты борда — светлые (единственная светлая поверхность в приложении, читаются как реальные карты). Карты героя — тёмные с золотым кантом. Масти: ♠ кость · ♥ #C2402C · ♦ #2C68B8 · ♣ #14775F.

04 · Типографика
Ваше действие на флопе?
Space Grotesk 700 · 22/26 · −1% — заголовок вопроса
Диапазон ставки 33%
Space Grotesk 600 · 17/21 — подзаголовок, кнопки

Две пары на сухом борде: собираем банк с худших тузов.

IBM Plex Sans 400 · 15/22 — объяснения solver
21.5 bb · −0.42 EV · 86%
IBM Plex Mono 600 · tabular-nums — ВСЕ числа, руки, bb, EV, проценты
SB vs BTN · 3-bet pot
IBM Plex Mono 600 · 10 · +14% трекинг · caps — надзаголовки
Шкала размеров (px)
10
12
14
15
17
22
26
05 · Кнопки действий и состояния

Полоска слева = цвет действия (кнопка и клетка матрицы говорят одним языком). Состояния: default · selected · correct · wrong · muted. Высота ≥ 56px (палец). Focus-ring — золотой, 2px.

06 · Сигнатура — клетка как стопка фишек
AA
KJs
72o
A7s

Смешанная стратегия читается как стопка фишек: слои снизу вверх — фолд, колл, рейз; высота слоя = частота. Подпись руки всегда костяная с тенью, читается на любом слое. Пустая клетка — серая, подпись тихая. Ваша рука — золотой кант.

07 · Частоты и вердикт
Ставка 62%Чек-колл 16%Чек-фолд 22%
✓
Верно — ставка 33%
solver: 62% ставка
−0.00EV loss
✕
Ошибка — чек
solver: ставка 33% в 62%
−0.42EV loss, bb

Верно/ошибка никогда не передаются одним лишь цветом: всегда знак (✓/✕) + слово + число EV. Дальтонизм и Telegram-скриншоты не ломают смысл.

08 · Сетка и отступы
Поля экрана14px
Между карточками10px
Внутри карточки14px
Радиус карточки18px
Радиус кнопки12px
Радиус матрицы10px

Шаг вертикали — 4px. Полноэкранная матрица использует поля 8px, чтобы клетка выросла до ~28px.