Цвет · Nupek

Цветовые токены Nupek для светлой темы - роли, статусы и правила использования.

Палитра Nupek строится вокруг шести ролевых токенов. Каждый токен привязан к задаче, а не к конкретному компоненту - signal используется в ссылках, кнопках и полях одинаково, потому что он всегда означает «здесь можно взаимодействовать».

Основные роли

Токен	HEX	Роль
`ink`	`#14213D`	Текст и заголовки
`signal`	`#2E5F91`	Ссылки и интерактивные элементы
`accent`	`#C98A2B`	Единственный яркий акцент на экране
`paper`	`#F5F6F8`	Фон страницы
`surface`	`#FFFFFF`	Карточки, поля, панели
`line`	`#DDE1E8`	Границы

accent появляется один раз на экран - как свечение за заголовком на главной странице или как выделение одного ключевого элемента. Он не подходит для текста: на paper контраст accent составляет 2.7:1, что ниже порога для чтения. Используйте accent как заливку с текстом ink поверх неё, либо как декоративный элемент без текста.

Статусы

Каждый статус - это пара «фон + текст» с готовым контрастом ≥ 4.5:1.

СтабильноНа проверкеИнформацияНейтрально

Статус	Фон	Текст
stable	`#E4F3E9`	`#1F6B3B`
testing	`#FBF0DC`	`#8A5A16`
info	`#E7EEF7`	`#26466E`
neutral	`#F1F1F1`	`#5B5F66`

Пара фон/текст всегда используется целиком - не подменяйте фон одного статуса текстом другого.

Проверка контраста

Полный список CSS-переменных со значениями для копирования - на странице Токены. Тёмная версия палитры описана в разделе Тёмная тема.

Как читать роли

Текст и структура - ink на paper даёт контраст 14.8:1, этого достаточно для длинного текста любого размера.
Интерактив - signal держит контраст 6.1:1 на paper и 6.6:1 на surface, поэтому подчёркнутые ссылки не нуждаются в дополнительном усилении цвета.
Разделение поверхностей - line используется только как граница, не как фон и не как текст.