Executive Course Dashboard 📊

executive-course-dashboard menciptakan satu tampilan dashboard web modern, elegan, dan padat informasi agar pengajar (atau pimpinan jurusan/sekolah) dapat memantau kesehatan akademik kelas dalam satu layar pandang tanpa harus membuka puluhan spreadsheet terpisah.

📱 Standar Desain Mobile-View First & Visual Hierarchy

Sesuai aturan baku, antarmuka ini dirancang dengan prinsip Mobile-View First:

1. Responsif Sempurna: Tampilan tertata rapi mulai dari layar smartphone 360px, tablet, laptop, hingga monitor proyektor kelas 4K.
2. Tema Utama Light Mode Berkontras Tinggi:
   • Menggunakan warna teks tajam (Slate #0f172a pada judul, #334155 pada isi teks) di atas kartu berlatar putih bersih (#ffffff) dengan batas tegas (#e2e8f0).
   • Tidak ada teks abu-abu pudar atau teks putih di latar terang.
3. Konsep 1 Layar Pandang (Single-Screen Overview):
   • Panel metrik dirancang modular menggunakan CSS Grid / Flexbox sehingga seluruh ringkasan esensial langsung terlihat sekilas tanpa scrolling panjang.

🎛️ Komponen Widget Dashboard Eksekutif