TOKENAI Design Kit
Design organik/fluid yang mengalir seperti alam: blob dengan bentuk tak beraturan yang bermorf pelan, kurva lembut tanpa sudut kaku, gradasi mesh pastel persik-mint-lila di atas krem hangat, hijau lumut dan koral terakota, layout asimetris dengan stagger vertikal, dan tipografi Fraunces yang hangat. Kit satu-tema — terang secara bawaan, tanpa mode gelap. Lihat juga contoh halaman nyata lewat bilah navigasi di atas.
Fraunces (heading hangat, italic untuk brand) · Nunito (body membulat) · Sono (caption & label) · skala di bawah adalah seluruh tingkat yang tersedia
Aa — Mengalir seperti air
Aa — Mengalir seperti air
Aa — Mengalir seperti air
Aa — Mengalir seperti air
Aa — Mengalir seperti air
Aa — Mengalir seperti air
Aa — Mengalir seperti air
Aa — Mengalir seperti air
Aa — Mengalir seperti air
#3F7253#356247#DD7A50#A78BD4#FBF8F2#F1ECE1#2E3B33#6E7D72#E4DDCE#4C9A63#C98A2D#C75A4A#4E88B8--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-fullRadius besar di mana-mana; kartu memakai satu sudut kecil — bentuk daun yang tidak pernah simetris sempurna.
--tk-shadow-sm--tk-shadow--tk-shadow-lgBayangan difus bersemu hijau — benda mengapung lembut, bukan garis keras.
Iconify, set mingcute (garis rounded, sufiks -line) — tulis <iconify-icon icon="mingcute:nama-line">; ratusan ribu ikon lain tersedia dengan set berbeda bila perlu.
Bahasa design kit ini meniru alam: blob gradasi pastel yang bermorf pelan (.tk-blob, varian -peach / -lilac), garis bawah bergelombang seperti aliran air (.tk-underline-wave), ikon fitur berbentuk blob dengan warna yang bergiliran otomatis, grid fitur yang sengaja tidak rata (anak tengah turun, anak ketiga naik — batu pijakan di sungai), hero bergradasi mesh dengan blob dekoratif di tepinya, dan foto yang dipangkas jadi bentuk blob. Semua sudut membulat besar; checkbox pun berbentuk kerikil. Tidak ada mode gelap — kit ini hidup di cahaya matahari.
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 kerikil, 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; garis memakai tension tinggi supaya kurvanya mengalir.
Pengunjung
Pendapatan
Sumber Trafik
Belum ada data
Data yang Anda cari belum tersedia di sini.