Versi 0.1.0 · Open-source, bukan produk resmi Pemkab →

Design System Majalengka.tech

Standar antarmuka digital yang aksesibel, kredibel, dan mudah dipakai oleh instansi, komunitas, dan pengembang di Majalengka.

Mulai Penggunaan Katalog Komponen

Mengapa Majalengka Butuh Sistem Desain?

Tiga pilar utama yang menjadi pedoman pembuatan seluruh layanan digital publik daerah.

Aksesibel Sejak Awal

Menjamin warga lansia, difabel, dan pengguna smartphone murah di pelosok desa dapat mengakses layanan tanpa hambatan. Standar WCAG 2.1 Level AA.

Framework-Agnostic

Dapat digunakan langsung via CSS murni tanpa proses build untuk aplikasi lama berbasis PHP/HTML, serta modul Vue 3 dan Nuxt untuk portal modern.

Kredibel & Tepercaya

Menghadirkan rasa percaya lewat pita identitas pengelola (TrustBanner) yang diisi sendiri oleh pemakainya, warna khas Biru Majalengka (#0014A8), dan tampilan yang konsisten — tanpa mengklaim afiliasi resmi.

Paket & Distribusi

Pilih cara integrasi yang paling sesuai dengan tumpukan teknologi di instansi Anda.

@majalengka/css

Berkas CSS mandiri tanpa dependensi (±9 kB gzip). Langsung pasang lewat tautan CDN di template WordPress, Laravel, atau PHP jadul tanpa build step.

@majalengka/tokens

Token desain W3C DTCG untuk warna, tipografi, spasi 4px, dan bayangan. Mendukung sinkronisasi ke Figma Tokens Studio dan UnoCSS/Tailwind.

@majalengka/vue

Komponen referensi Vue 3 + TypeScript lengkap dengan aksesibilitas keyboard dan ARIA tags untuk membangun portal interaktif modern.