Nikba Design System

Nikba Design System este fundația noastră open-source pentru interfețe digitale neutre și accesibile — același sistem care stă la baza nikba.com și a proiectelor pentru clienți. Conținutul e pe primul loc, cu tipografia Onest și glassmorphism folosit doar unde ajută: navigație, controale și feedback punctual.

Principii

• Conținutul înaintea efectelor vizuale

• Onest ca tipografie principală

• Efectele de sticlă rezervate navigației, controalelor și feedbackului

• Componente construite pe HTML nativ, semantic, cu îmbunătățire progresivă

• Un nucleu independent de framework

Ce conține

• Trei teme — Frost, Mist și Graphite — cu niveluri de intensitate a efectului de sticlă (Off, Soft, Clear)

• Tokenuri de design pentru culoare, tipografie, layout și spațiere, expuse ca variabile CSS

• Peste 30 de componente accesibile: butoane, câmpuri, selectoare, checkbox-uri, radio, switch-uri, dialoguri, toasturi, tabele, navigație, badge-uri, avatare, spinnere și pattern-uri de disclosure

• Tipografia Onest (fontul este încărcat separat de aplicație)

Tehnologie și distribuție

Construit cu Vite și distribuit ca pachetul npm @nikba/design-system, rulează pe Node.js 20+. Nucleul independent de framework vine cu exemple de integrare pentru Blade, Livewire și Filament.

Momentan la versiunea 0.1.0-alpha.2 și în dezvoltare activă — API-ul public se poate schimba înainte de 1.0.0. Open source și disponibil pe GitHub.