TOKENAI Design Kit
Nostalgia surreal 80s-90s: neon pink-ungu, gradien sunset, matahari bergaris terbit di hero, grid perspektif menuju horizon, serif klasikal miring ala patung Romawi, huruf CRT pixel untuk caption, window UI ber-title bar gradien, dan aberasi kromatik VHS. Mode terang = pastel dream; mode gelap = neon sunset. Lihat juga contoh halaman nyata lewat bilah navigasi di atas.
Playfair Display (heading serif klasikal, display miring) · Outfit (body geometris lembut) · VT323 (caption & readout CRT pixel) · skala di bawah adalah seluruh tingkat yang tersedia
Aa — Senja tak pernah usai
Aa — Senja tak pernah usai
Aa — Senja tak pernah usai
Aa — Senja tak pernah usai
Aa — Senja tak pernah usai
Aa — Senja tak pernah usai
Aa — Senja tak pernah usai
Aa — Senja tak pernah usai
Aa — Senja tak pernah usai
#D935B8#B7269A#0FB5C9#FF8A5C#F5F0FC#F0E9FA#372A54#8B7DA9#DFD3F2#2FB380#DB9A00#E24B78#5B7CFA--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-fullSudut membulat lembut — kapsul untuk tombol dan pil sidebar.
--tk-shadow-sm--tk-shadow--tk-shadow-lgBayangan dwiwarna: cyan dari kiri-atas, pink dari kanan-bawah — kartu melayang di senja.
Iconify, set ri (Remix Icon, varian -line) — tulis <iconify-icon icon="ri:nama-line">; ratusan ribu ikon lain tersedia dengan set berbeda bila perlu.
ＡＥＳＴＨＥＴＩＣ
「ベイパーウェイブ」· ｖａｐｏｒｗａｖｅ · １９９５
Tanda tangannya: teks gradien vapor .tk-vw-text (pink → ungu → cyan), aberasi kromatik VHS statis .tk-vhs, readout CRT .tk-readout, matahari sunset bergaris dan lantai grid perspektif yang dilukis otomatis di .tk-hero, title bar jendela retro bergradien pada modal, dan tautan bergaris bawah bergelombang. Foto dipaksa ke senja: saturasi naik, rona bergeser pink-ungu.
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
Angka statistik memakai teks gradien vapor.
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 — pink, ungu, cyan, dan peach senja; garis melengkung halus seperti mimpi.
Pengunjung
Pendapatan
Sumber Trafik
Modal adalah jendela retro: title bar gradien vapor dengan tombol jendela ala window manager 90s, dilukis otomatis lewat ::before.
Belum ada data
Data yang Anda cari belum tersedia di sini.