Kerangka aplikasi
Tiga bagian tetap: sidebar 256px (bisa dilipat), topbar 64px, dan area konten dengan padding 24px. Di bawah 768px sidebar berubah menjadi laci.
Aturan tata letak
- • Lebar sidebar 256px, dilipat 64px, pilihan diingat browser.
- • Topbar menempel (
sticky) dengan latar tembus pandang. - • Konten memakai padding 16px di ponsel, 24px di desktop.
- • Lebar maksimum konten 1400px, rata tengah.
Urutan lapisan (z-index)
- • Sidebar 20 · Topbar 30 · Dropdown 40 · Modal 50 · Toast 100.
- • Jangan menulis angka lapisan sendiri — pakai token
--ck-z-*. - • Hanya satu lapisan penuh layar boleh aktif pada satu waktu.
Halaman ini adalah contoh hidup
Coba lipat sidebar lewat tombol di kiri bawah, atau ubah ukuran jendela untuk melihat sidebar berubah jadi laci.