TOKENAI Design Kit
Claymorphism: kartu dan objek terlihat seperti tanah liat atau plastik lembut yang bisa dipencet — gembur, bulat, 3D, dan playful. Satu resep relief dipakai di mana-mana: bayangan luar berwarna, bibir atas menangkap cahaya, perut bawah menggelap. Palet permen lavender-pink-kuning di atas lila pucat, tipografi bulat Baloo 2 + Quicksand. Kit satu-tema — terang secara bawaan, tanpa mode gelap. Lihat juga contoh halaman nyata lewat bilah navigasi di atas.
Baloo 2 (heading bulat gembur) · Quicksand (body membulat) · Red Hat Mono (kode & kbd) · skala di bawah adalah seluruh tingkat yang tersedia
Aa — Lembut seperti clay
Aa — Lembut seperti clay
Aa — Lembut seperti clay
Aa — Lembut seperti clay
Aa — Lembut seperti clay
Aa — Lembut seperti clay
Aa — Lembut seperti clay
Aa — Lembut seperti clay
Aa — Lembut seperti clay
#6C5CE7#5A4BD1#F97AA6#FFC75F#F2EFFB#E9E4F6#3A3555#7A7593#E2DCF2#3FB77E#E8A13C#F06A5D#5AA7E8--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 minimum 16px — tidak ada satu pun sudut tajam; clay tidak pernah bersudut.
--tk-shadow-sm--tk-shadow--tk-shadow-lgRelief clay tiga-lapis: bayangan luar lavender + inset terang di bibir atas + inset gelap di perut bawah.
Iconify, set uil (Unicons) — tulis <iconify-icon icon="uil:nama">; ratusan ribu ikon lain tersedia dengan set berbeda bila perlu.
Semuanya terbuat dari clay yang sama: tombol menonjol lalu penyok saat ditekan, input dipencet ke dalam permukaan, checkbox dan radio adalah bola clay mini yang mengembang saat terisi, bola clay permen melayang pelan di hero (animasi tk-bob), dan ikon fitur bergiliran warna lavender → pink → kuning otomatis. Utilitas .tk-clay / .tk-clay-pressed menerapkan relief itu ke elemen apa pun, dan .tk-clay-ball (varian -pink / -yellow) adalah bola dekoratifnya. Tidak ada mode gelap — clay dipajang di rak yang terang.
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 bola clay, 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; bar dan donat memakai sudut membulat supaya ikut terasa clay.
Pengunjung
Pendapatan
Sumber Trafik
Belum ada data
Data yang Anda cari belum tersedia di sini.