TOKENAI Design Kit
Banyak elemen ditumpuk dalam satu komposisi seperti scrapbook — stiker cut-out bertepi putih, selotip, rotasi ringan, anotasi tulisan tangan, dan tekstur halftone; tersedia mode terang dan gelap. Lihat juga contoh halaman nyata lewat bilah navigasi di atas.
DM Serif Display (heading) · Karla (body) · Caveat (anotasi tangan) · Fira Mono (caption & tombol) · skala di bawah adalah seluruh tingkat yang tersedia
Aa — Jelajah senja di ufuk barat
Aa — Jelajah senja di ufuk barat
Aa — Jelajah senja di ufuk barat
Aa — Jelajah senja di ufuk barat
Aa — Jelajah senja di ufuk barat
Aa — Jelajah senja di ufuk barat
Aa — Jelajah senja di ufuk barat
Aa — Jelajah senja di ufuk barat
Aa — Jelajah senja di ufuk barat
#16130E#000000#FBF7EE#E63228#F6F1E5#EFE8D8#16130E#6B6455#16130E#1F7A33#A85E00#C81E1E#1D4ED8--tk-space-xs--tk-space-sm--tk-space-md--tk-space-lg--tk-space-xl--tk-space-2xl--tk-space-3xl--tk-radius-sm--tk-radius--tk-radius-lg--tk-radius-full--tk-shadow-sm--tk-shadow--tk-shadow-lgIconify, set lucide — tulis <iconify-icon icon="lucide:nama">; ratusan ribu ikon lain tersedia dengan set berbeda bila perlu.
Setiap elemen terasa ditempel ke halaman: kartu bergaya stiker cut-out dengan tepi putih tebal, tile fitur miring ringan dengan strip selotip yang menegak saat disentuh, judul serif seperti sobekan kertas yang dipaste, dan anotasi tulisan tangan Caveat. Merah poster dan biru klein di atas kertas krem bertekstur titik halftone — seperti spread scrapbook yang hidup.
Search bar — ikon dan pintasan menyatu di dalam field
Select custom (ditampilkan terbuka) — satu pilihan · dengan pencarian · multi dengan checkbox & aksi. Listbox digambar kit, bukan popup bawaan browser.
Dropdown aksi (ditampilkan terbuka; aslinya terbuka saat trigger diklik)
Semua kontrol digambar sendiri — select, checkbox, radio, dan toggle tidak memakai tampilan bawaan browser.
Kartu auth dirakit murni dari komponen form kit — bagian dari paket Komponen. Halaman penuhnya (web & ponsel lewat saklar perangkat) ada di examples/login.html dan examples/register.html.
Selamat datang kembali! Silakan masuk untuk melanjutkan.
Belum punya akun? Daftar gratis
Gratis 14 hari — tanpa kartu kredit.
Sudah punya akun? Masuk
Total Pengguna
12.540
+12,5% dari bulan laluJane Doe
UI/UX Designer
Grid 12 / 3 / 2 kolom pada lebar konten --tk-container
Satu kalimat pendukung yang menjelaskan nilai produk ini bagi penggunanya.
Penjelasan singkat manfaat fitur ini.
Bergabung dengan ribuan pengguna lain.
Advanced filter — pencarian, dua select custom, tombol filter berpenanda jumlah, chip filter aktif
| Nama | Peran | Status | Aksi | |
|---|---|---|---|---|
| Jane Smith | jane@contoh.com | Designer | Aktif | |
| John Doe | john@contoh.com | Developer | Nonaktif |
|
Kolom Aksi rata kanan: ikon langsung (lihat · edit · hapus) untuk aksi sedikit, atau menu … (klik untuk membuka) bila aksinya banyak.
Chart.js — pustaka chart tunggal untuk semua kit. Warna dibaca dari token kit saat digambar, jadi chart ikut berganti tema.
Pengunjung
Pendapatan
Sumber Trafik
Belum ada data
Data yang Anda cari belum tersedia di sini.