h hanif ui Docs

Sistem antarmuka · v1

Hitam putih.
Warna yang
berani.

Satu berkas token, tiga bidang halaman, komponen yang siap disalin. Dibuat supaya app berikutnya nggak perlu mulai dari nol dan nggak berakhir seragam.

Biru#0040ff
Oranye#ff5c00
Hijau#00a63e
Merah#ff2d2d
Kuning#ffc400
Ungu#6d28ff

Warna dipakai sebagai bidang penuh — bukan gradient, bukan cahaya. Tiap warna bawa pasangan teksnya sendiri yang sudah lolos kontras.

Bidang halaman

Tentukan wataknya sekali, di awal

Tiga pilihan, bukan tak terhingga. Ini yang bikin app berikutnya nggak perlu didebat bentuknya dari nol.

Lebar

1760 px

Etalase, galeri, landing. Isi menempel jauh ke tepi supaya layar terasa lega.

Buka contoh →

Dashboard

1560 px

Tetap lebar, tapi isinya data. Kepadatan naik, hiasan turun.

Buka contoh →

Ringkas

460 px

App kecil. Satu kolom di tengah — di laptop pun rasanya seperti aplikasi HP.

Buka contoh →

Komponen

Sudutnya membulat, tapi masih punya bahu

Semua komponen →

Tombol

Angka

Pengguna
12,4rb
Uptime
99,9%
Galat
3

Isian

Penanda

Terpilih Netral Garis Aktif Gagal Baru

Dipakai dengan cara paling membosankan: salin berkasnya.

Nol paket, nol build, nol permintaan keluar. Dua berkas CSS, dan app-nya jalan.