twc-025 / Studi oleh Syafril · bukan proyek klien
Praktik kecil fiktif yang situsnya adalah loket antreannya: tiga jalur contoh, satu sesi contoh dengan tiga slot, dan kartu sobek bernomor besar untuk disimpan sebagai teks atau dicetak. Setiap nomor adalah contoh tetap; tidak ada yang dipesan atau dikirim.
BACA KEPUTUSAN DESAIN
Tangkapan layar menunjukkan pembuka yang diimplementasikan. Catatan menghubungkan komposisinya dengan pengalaman yang berfungsi dan perilaku di ponsel.
Pembukanya formulir loket, bukan sambutan: h1 menyebut tugasnya, penanda langkah menyebut apa yang sudah selesai, dan baris fiktif hadir sekali di bawah papan nama. Di ponsel formulir dan tombolnya didahulukan.
Layanan dan slot berupa radio asli dalam kelompok berlabel. Pilihan ditandai radio terisi, garis sisi, dan huruf jalurnya; kelompok slot menunggu layanan dan menyatakannya. Pilihan yang belum lengkap disebut di samping kelompoknya dan menerima fokus.
Di samping formulir, draf menampilkan huruf jalur dan tanda pisah sampai dibuat; kartu yang sudah dibuat menampilkan nomor contoh tetap jalurnya. Sobekannya selalu menyatakan fiktif dan tanpa data pribadi, dan brand tidak bisa menghapus baris itu. Di ponsel ringkasan pendek menggantikannya sampai halaman kartu.
#eaf1ee#193a3a#bfe0cf#f8faf6#f3c5a9YANG TERSEDIA / LANGKAH BERIKUTNYA
Perlihatkan antreannya sebelum membangun sistemnya.
Alat ini mencakup ruang kerja yang berfungsi dan buku komponen sendiri. Kontrolnya mengolah status lokal.
Ekspor dibuat di browser Anda. Tidak terhubung dengan akun, penyimpanan awan, atau layanan eksternal.
Studi desain fiktif. Gilir tidak punya lokasi, staf, jadwal, kuota, atau waktu tunggu; setiap jalur, slot, dan nomor adalah contoh tetap, tidak ada yang dipesan atau dikirim, dan kartunya tidak berlaku untuk kunjungan apa pun.
Cakupan halaman, aset merek, konten, serah terima, hosting, biaya, dan dukungan dibahas lewat konsultasi sebelum pengerjaan dimulai. Demo menjadi referensi untuk percakapan tersebut.
Siapkan brief untuk arah iniAmbil nomor. Di praktik kecil, yang pertama dipegang pengunjung adalah kartu dari loket; Gilir menjadikan kartu itu antarmukanya. Pelat g bertakik menamai loket, pembukanya adalah formulir loket itu sendiri — jalur layanan dan slot contoh sebagai radio biasa — dan hasilnya satu kartu sobek: nomor jalur besar, tiga baris label–nilai, dan sobekan yang selalu menyebut dirinya contoh fiktif. Tanpa potret, slogan, rating, atau janji soal menunggu.
Mint enamel, tinta hijau pekat, dan kertas tulang, seperti pelat loket dan kartu di tangan; aprikot hanya menandai pilihan yang berubah sesudah kartu dibuat, selalu dengan kata. Garis 1px, sudut siku, sobekan putus-putus dengan dua takik. Pilihan ditandai radio terisi, garis sisi, dan huruf jalurnya — tidak pernah dengan warna saja.
Atkinson Hyperlegible Next 600, digambar agar huruf dan angka mudah dibedakan, dipakai untuk wordmark, judul, huruf jalur, dan nomor kartu, tempat A-014 harus terbaca sekilas (nolnya bergaris miring). DM Sans membawa label, radio, dan catatan.
Papan nama dan tiga tautan halaman di atas satu garis, lalu satu baris yang menyatakan demo ini fiktif. Di layar lebar formulir di kiri dan draf kartu di kanan; halaman kartu melebarkan kartunya. Di bawah 700px tautan mengambil barisnya sendiri, formulir terbaca layanan → slot → ringkasan → tombol, dan kartu penuh muncul setelah dibuat, sesudah judul dan aksinya.
Tanpa animasi: pilihan, nomor, dan pemberitahuan berubah seketika, tanpa angka berputar dan tanpa bunyi panggilan; tidak ada yang bergerak sendiri.
Halaman Next.js statis dwibahasa. Satu draf — pilihan dan paling banyak satu kartu, berupa ID — tersimpan di peramban ini dengan kuncinya sendiri, diperiksa ukurannya (2 KiB) dan divalidasi dengan Zod setiap dibaca; nomor dan label diambil dari fixture, tidak pernah dari penyimpanan. TXT dan cetak peramban dibuat lokal. Tanpa akun, pemesanan, sistem antrean, atau server.
Layanan dan slot berupa radio asli dalam fieldset ber-legend (Tab, Spasi, panah); kelompok slot menunggu layanan dan menyatakannya. Pilihan yang belum lengkap disebut di dekat kelompoknya, dihubungkan dengan aria-describedby, dan fokus pindah ke sana. Penanda langkah memadukan centang atau angka dengan kata dan aria-current; tautan halaman memakai aria-current. Kartu baru diumumkan dan judulnya menerima fokus; menghapus selalu bertanya dulu.
Jeda yang pas, dengan caramu sendiri.