Nikba Design System

Nikba Design System — наша open-source основа для создания нейтральных и доступных цифровых интерфейсов — та же система, на которой построен nikba.com и наши клиентские проекты. Контент на первом месте, с шрифтом Onest и глассморфизмом только там, где это помогает: навигация, элементы управления и точечная обратная связь.

Принципы

• Контент важнее визуальных эффектов

• Onest как основной шрифт

• Эффекты стекла зарезервированы для навигации, элементов управления и обратной связи

• Компоненты на основе нативного семантического HTML с прогрессивным улучшением

• Независимое от фреймворка ядро

Что внутри

• Три темы — Frost, Mist и Graphite — с уровнями интенсивности стекла (Off, Soft, Clear)

• Дизайн-токены для цвета, типографики, макета и отступов, доступные как CSS-переменные

• Более 30 доступных компонентов: кнопки, поля ввода, селекты, чекбоксы, радио, переключатели, диалоги, тосты, таблицы, навигация, бейджи, аватары, спиннеры и паттерны disclosure

• Типографика Onest (шрифт подключается приложением отдельно)

Технологии и дистрибуция

Собрана на Vite и распространяется как npm-пакет @nikba/design-system, работает на Node.js 20+. Независимое от фреймворка ядро поставляется с примерами интеграции для Blade, Livewire и Filament.

Сейчас версия 0.1.0-alpha.2, активная разработка — публичный API может измениться до 1.0.0. Open source, доступен на GitHub.