DESIGN-SYSTEM / v1.0

Sistem Desain NexaKop

Platform digital terintegrasi untuk koperasi Indonesia yang transparan dan berkelanjutan. Modern fintech bertemu kejelasan govtech.

Palet Warna

Primary · Blue

Kepercayaan, stabilitas, institusi

#2563EB
50
100
500
600
900

Selamat pagi, Dinas Koperasi! 👋

Monitoring dan verifikasi koperasi di wilayah Anda

Koperasi Terdaftar
142
+8 koperasi bulan ini
Verifikasi Pending
12
⚠️ Butuh ditinjau
Sertifikat Terbit
128
+4 bulan ini
Total Aset Daerah
Rp 248M
📊 +12% YoY

Antrian Verifikasi

KSP Maju Jaya - Cabang Utama
📍 Kabupaten Bandung • NIK: 123.456.789
Overdue 3 hari
Status: Menunggu verifikasi laporan keuangan & dokumen legal
KPRI Sejahtera - Unit Baru
📍 Kota Bandung • NIK: Pending
2 hari lagi
Status: Pengajuan awal - verifikasi administrasi
KPRI Mandiri Bersama
📍 Kabupaten Cirebon • NIK: 987.654.321
Dalam review
Status: Laporan audit sedang diproses - 45% selesai

Compliance Score

Kepatuhan Keseluruhan
94%
✓ Standar Akuntansi 100%
✓ Transparansi 92%
⚠️ Governance 88%
✓ Keanggotaan 95%

Penerbitan Sertifikat & Lisensi

Terbit Bulan Ini

Aktif

+4
KSP 2
KPRI 2
Kategori Terbanyak Koperasi Jasa

Renewal Pending

Kadaluarsa

5
< 30 hari 3
30-60 hari 2
Aksi Butuh Urgent

Ditangguhkan

Non-Aktif

2
Laporan Overdue 1
Compliance Issue 1
Tindak Lanjut Investigasi

Jenis Koperasi

Distribusi

KSP 52 (37%)
KPRI 45 (32%)
Konsumsi 28 (20%)
Lainnya 17 (12%)

Jadwal Audit Berkala

Q1 2024 - KSP Terbesar
📅 15-29 Jan 2024 • Target: 8 koperasi
Selesai
Q1 2024 - KPRI & Konsumsi
📅 5-16 Feb 2024 • Target: 12 koperasi
Berjalan
Q2 2024 - Audit Spot Check
📅 1 Apr - 30 Jun 2024 • Target: Random sampling
Jadwal

Temuan & Rekomendasi

Pelanggaran Penting: KSP Maju Jaya
Laporan keuangan tidak lengkap, tidak sesuai SAK ETAP
Status: Butuh tindak lanjut → Deadline 30 Mar 2024
Observasi: KPRI Sejahtera
Sistem informasi belum terintegrasi dengan baik
Status: Monitoring → Review kembali Apr 2024
Rekomendasi Terbaik: KSU Mandiri
Praktik governance dan transparansi sempurna
Status: ✓ Sesuai standar → Sertifikat AA diberikan

Secondary · Green

Pertumbuhan, koperasi, kemakmuran

#16A34A
50
100
500
600
900

Neutral · Gray

Foundation, teks, permukaan

slate scale
0
50
200
500
700
900

Status

Feedback & indikator sistem

Success
#10B981
Warning
#F59E0B
Error
#EF4444

Tipografi

Heading Display
Plus Jakarta Sans · 36px · 800
H1
Subheading Section
Plus Jakarta Sans · 24px · 700
H2
Body text untuk paragraf dan konten umum koperasi.
Plus Jakarta Sans · 16px · 400
Body
Caption / Metadata
Plus Jakarta Sans · 12px · 500
Caption

Komponen

Buttons

.btn-*

Input Fields

.pkn-input

Format email tidak valid

Dropdown

select

Status Badges

.badge-*
Aktif Menunggu Ditolak Verifikasi

KPI Card

.pkn-card + stats
Total Simpanan
Rp 2.4M
+12.5% vs bulan lalu

Info Card

.pkn-card

Terverifikasi Dinas Koperasi

Koperasi ini terdaftar resmi dengan NIK 123.456.789

Tabel

.pkn-table
Anggota Peran Simpanan Status Aksi
BS
Budi Santoso
KOP-001234
Anggota Rp 12.500.000 Aktif
SW
Siti Wulandari
KOP-001235
Pengurus Rp 45.200.000 Aktif
AP
Ahmad Pratama
KOP-001236
Anggota Rp 8.750.000 Menunggu

Sistem Spasi (8px Grid)

8px · space-2
16px · space-4
24px · space-6
32px · space-8
48px · space-12
64px · space-16

Radius & Shadow

sm · 12px
md · 12px
lg · 16px
Buttons12px
Cards16px
NexaKop
Platform Digital Koperasi

Masuk ke NexaKop

Platform digital terintegrasi untuk semua koperasi
Digital, Terintegrasi, Transparan, Berkelanjutan

📌 Demo Users - Klik untuk isi otomatis:
✓ Semua password: demo123
Lupa password?
atau
Terenkripsi SSL
Kemenkop UKM
RBAC / ACCESS-CONTROL

Role-Based Access Control

Logika akses berbasis peran untuk platform koperasi multi-tenant. Setiap peran memiliki hak akses, batasan, dan dashboard khusus.

Konsep Akses Multi-Tenant

User → Role → Permission → Resource (dibatasi oleh Tenant/Koperasi)

USER
Budi Santoso
ROLE
Pengurus
PERMISSION
approve:loan
RESOURCE
Loans / Members
TENANT
KSP Makmur

Matriks Hak Akses

Kapabilitas Anggota Pengurus Pengawas Manajer Op. Dinas
Akses Penuh
Read-Only
Data Sendiri
Tidak Ada Akses
rbac/permissions.ts
TypeScript · Reference 
const permissions = {
  anggota:   ['read:own_balance', 'create:loan_request', 'read:own_transactions'],
  pengurus:  ['read:all_members',  'approve:loan',         'manage:meetings'],
  pengawas:  ['read:audit_trail',  'read:financial_reports', 'flag:compliance'],
  manajer:   ['manage:operations', 'manage:staff',         'read:all_reports'],
  dinas:     ['read:all_tenants',  'verify:cooperative',    'issue:certification'],
};

function hasAccess(user, action, tenant) {
  // Multi-tenant isolation check
  if (user.role !== 'dinas' && user.tenantId !== tenant.id) return false;
  return permissions[user.role].includes(action);
}
Login berhasil