Ничего лишнего — и всё видно, когда это важно.
Все цвета построены в OKLCH и проверены через colordx на контраст по WCAG 2.x и APCA — в светлой и тёмной теме. Интерфейс использует только эти токены: стандартная палитра Tailwind отключена.
Цветовые шкалы
Двенадцать ступеней в каждой шкале, у каждой своя роль. Переключите тему в шапке: все ступени изменятся, а роли останутся прежними.
bgbg-subtlesurfacesurface-raisedsurface-sunkenselectedtintscrimborderborder-strongborder-controlfgfg-mutedringТипографика
Onest для интерфейса (шрифт создан с расчётом на кириллицу), JetBrains Mono для идентификаторов и кода. Суммы всегда набраны моноширинными цифрами.
Подписки без боли
Payments that just renew
Основной текст — 16px цветом neutral-12, контраст не ниже 7:1 на любом фоне. Второстепенный текст — neutral-11: и он даёт не меньше 4,5:1 и APCA Lc 60.
Приглушённый, 14px: время, подсказки, служебные данные в таблицах.
sub_4fQ9xK2mLp8Поиск ⌘ KКомпоненты
В первую очередь — нативные элементы: управление с клавиатуры и экранные дикторы работают сами собой.
Кнопки
Статусы
Подключение «Точки»
Этот Client ID выдан для песочницы, а не для боевого режима.