NurOSNupek
Дизайн-система для всех веб-проектов NurOS
Nupek задаёт единые токены, компоненты и правила доступности для основного сайта NurOS, сайта вступления в команду, темы Forgejo и репозитория пакетов. Соберите свой проект, сверяясь с одной системой, не изобретая цвета и отступы заново.
Изучить основыNupek рассчитан на разработчиков, которые собирают веб-интерфейс на NurOS и хотят свериться с системой напрямую в коде. Каждая страница гайда даёт готовое значение токена или разметку компонента, которые можно скопировать сразу, без Figma и без пересказа дизайнера.
Основы
Внешний вид
Масштаб
Компоненты
Button
Кнопка Nupek - primary, secondary и ghost, с минимальной высотой 44px и состоянием disabled.
Field
Поле ввода Nupek - label, контрол и hint всегда вместе, с фокусом в цвете signal.
Tag
Тег статуса Nupek - заливка и текст одного оттенка, форма pill, шрифт Manrope.
Callout
Выделенный блок Nupek для заметок, предупреждений и пояснений - обводка и заливка статусного цвета.
Code Block
Блок кода Nupek - тёмная заливка, моно-шрифт и кнопка копирования с подтверждением.
Card
Карточка Nupek - разделение пробелом, сдвигом фона и мягкой тенью, обводка только как крайняя мера.
Все токены на одной странице
Полный список CSS-переменных: цвет, типографика, отступы, радиусы, движение, в копируемом виде.