UI Kit Digitama.
Komponen untuk website profil, katalog produk digital, dan formulir brief. Struktur, gerak, dan suara mengikuti referensi; warna diambil dari logo. Ganti tema dengan ☀/☾ dan nyalakan suara dengan tombol SFX di kanan atas.
01 · Logo
Lockup, latar, ukuran
Horizontal · warna di putih
Horizontal · di navy
Monokrom putih · di royal
Bertumpuk · utama
Bertumpuk · gelap
Lambang · min. 24 px
Favicon · 512 / 180 / 32 / 16
{{ r.k }}{{ r.v }}
02 · Palet
Diambil dari logo
{{ g.name }}
{{ c.name }}
{{ c.hex }}
{{ c.token }}
03 · Skala huruf
Bricolage · Figtree · JetBrains Mono
{{ t.name }}{{ t.spec }}
{{ t.sample }}
04 · Ikonografi
Garis 1.75 px, grid 24, ujung siku
{{ i.name }}
{{ i.name }}{{ i.note }}
05 · Tombol
Angkat, kilau, tekan
06 · Chip & segmen
Kategori, filter, status
Chip kategori
{{ c.name }}
Filter multi-pilih (brief langkah 1)
Badge produk
Baru
Terlaris
−20%
PDF · 48 hlm
Segmen (filter portofolio)
Tab (detail layanan)
Status brief & pesanan (admin)
{{ s.name }}
07 · Field & unggah
Formulir brief proyek
Stepper · klik langkah
Rentang anggaran
File referensi
Tarik file ke sini atau klik untuk memilih
JPG, PNG, PDF, DOCX, PPTX, MP4 · maks. 10 MB per file · 10 file
{{ f.ext }}
{{ f.meta }}
08 · Kartu
Kartu harga layanan · klik paket untuk ganti harga · tombol membuka WhatsApp
Layanan, portofolio, produk, testimoni
{{ v.label }}
{{ v.badge }}
{{ v.price }}
{{ v.unit }}
{{ st.v }}{{ st.k }}
{{ v.pickLabel }}
{{ v.cta }} ↗
Termasuk
✓{{ f }}
{{ v.n }}
{{ v.name }}
{{ v.desc }}
{{ v.price }}Detail →
Sampul proyek 4:3
{{ w.cat }}{{ w.year }}
{{ w.title }}
{{ w.client }}
Sampul e-book
Terlaris
E-book · PDF · 48 hlm
Panduan Website UMKM
Rp79.000Rp99.000
FAQ · accordion (beranda)
Satu item terbuka sekaligus · tanda + / − di kotak cyan saat aktif · SFX klik.
{{ f.a }}
09 · Navigasi
Navbar, mega-menu, breadcrumb, paginasi
Layanan ▾PortofolioProdukTentangInsight
{{ v.name }}{{ v.short }}
Beranda/Portofolio/Aplikasi Kasir Kopi
10 · Feedback
Alert, toast, keranjang, kosong, memuat
{{ a.k }}{{ a.v }}
Keranjang · {{ cartCount }}✕
{{ c.name }}{{ c.cat }}
{{ c.price }}
Subtotal{{ cartTotal }}
Belum ada produk di kategori ini
Coba kategori lain atau lihat semua produk.
✓ Brief terkirim
DGT-2610-0042
Tim kami menghubungi Anda dalam 2 jam kerja. Salinan dikirim ke email.
11 · Gerak & suara
Token gerak dan set SFX “Tik”
{{ t.k }}{{ t.v }}{{ t.d }}
Suara sintesis Web Audio, mati secara default. Tombol di bawah selalu berbunyi untuk pratinjau.
12 · Footer & halaman