Identitas Visual & Reusable Blade Components
Design System Showcase (36 Komponen Prototype)
Panduan komponen antarmuka publik dan portal internal Pusat Kajian Pesantren Pegiat Pesantren. Seluruh komponen mendukung state Default, Hover, Focus, Active, Disabled, Loading, Success, dan Error.
1. Buttons & Badges (Varian & State)
Button Variants & States
Badge Variants
Navy Badge
Emerald Badge
Amber Badge
Data Simulasi
Slate Tag
Danger Status
2. Alerts & Toast Notifications
Informasi Mandat
Pusat Kajian Pesantren Pegiat Pesantren resmi ditetapkan sebagai pusat kajian strategis kelembagaan.Pengajuan Berhasil
Proposal riset telah disimpan pada session simulasi UX.Peringatan Validasi
Harap melengkapi field yang diwajibkan sebelum mengirim formulir.Error Simulation
Gagal menghubungkan ke server simulasi transient.3. Form Controls (Input, Select, Checkbox, Radio, File Upload)
Format email tidak valid (Simulasi Error)
PDF, DOCX maks. 10MB
4. Domain Cards (Research, Publication, Program, Event, Team, Dataset)
Divisi Riset
Riset Utama
Peta Epistemologi Turats dan Inovasi Kurikulum Pesantren Abad 21
Ketua Tim: Prof. Dr. Jamhari Makruf (Simulasi UI/UX) • Tahun: 2025/2026
Kajian mendalam terhadap integrasi teks klasik turats dengan sains modern di pesantren muadalah dan mahad aly.
Policy Brief
Open Access
Policy Brief: Optimalisasi Skema Dana Abadi Pesantren untuk Pesantren Mandiri
Penulis: Peneliti Pegiat Pesantren • Tahun: 2025
Policy brief ini merekomendasikan efisiensi penyaluran dana abadi pesantren melalui diversifikasi program vokasi dan BUMP.
Konferensi
Kegiatan Resmi
International Conference on Pesantren Studies (ICPS 2025)
Tanggal: 24 - 26 Agustus 2025
Lokasi: Auditorium Utama Pegiat Pesantren, Depok & Zoom Hybrid
Program prog-01
Program Strategis
Indeks Nasional Pesantren
Target: 42.435 Pondok Pesantren Terdaftar se-Indonesia.
Selengkapnya →
Mitra Akademik
3-6 Bulan
Penelitian Bersama (Joint Research)
Bentuk: Kemitraan
Ajukan Permohonan →
Pegiat Pesantren
Peneliti
Divisi: Kajian Pesantren
D
Divisi Resmi
Ketua: Tim Peneliti
Detail →
Geospasial
Terverifikasi
Peta Geospasial Pesantren
Format: CSV/JSON
Pesantren Terindeks
Nasional
1,420
Data Simulasi UX
5. Navigation, Breadcrumb, Tabs, Stepper & Feedback States
Konten Tab Simulasi Aktif. Menyajikan informasi terstruktur secara interaktif.
1
2
3
Tidak. Prototype ini 100% menggunakan DemoDataService dan simulasi file session tanpa dependensi database produksi.
Contoh Empty State
Belum ada data pada filter yang dipilih.
Memuat Data Simulasi...
!
Contoh Error State
Simulasi koneksi gagal.
Menampilkan Halaman 1 dari 5