twc-030 / Studi oleh Syafril · bukan proyek klien
Kartu nama satu halaman untuk kios permak fiktif, Permak Jarum Tiga: miringkan kartunya, balik ke QR halaman ini, simpan kontaknya sebagai vCard, buka tautannya, dan lihat apakah sedang buka. Setiap nomor dan alamat adalah contoh berlabel; tanpa harga, ulasan, atau pengikut.
BACA KEPUTUSAN DESAIN
Tangkapan layar menunjukkan pembuka yang diimplementasikan. Catatan menghubungkan komposisinya dengan pengalaman yang berfungsi dan perilaku di ponsel.
Muka kartu cetak 1,75:1 bertepi jahitan membawa nama, jenis usaha, dan tiga baris kontak — bukan profil media sosial tiruan. Nama dan logo pengunjung menggantikan milik contoh; baris kontak tetap contoh berlabel.
Balik kartu memutarnya ke QR yang dibuat di peramban dari alamat halaman, dengan alamatnya dalam teks di sampingnya. Kartu condong mengikuti pointer atau jari dan tetap datar saat reduced motion.
Setiap baris berbingkai menyebut tujuannya atau menyatakan tidak tertaut; daftar ongkos dibiarkan kosong, bukan dikarang. Tabel jam menyatakan dengan kata apakah kios sedang buka, dari waktu Jakarta.
#f3eee7#3b1d3f#9e2f65#e6d6e0#fffdf9#6b5a6dYANG TERSEDIA / LANGKAH BERIKUTNYA
Satu halaman untuk diberikan, ganti kartu nama.
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. Permak Jarum Tiga tidak ada: nomor WhatsApp-nya dari rentang yang disediakan untuk drama, domain surelnya disediakan untuk contoh, tanpa alamat, harga, ulasan, atau pengikut, dan vCard-nya menyebut dirinya contoh fiktif.
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 iniSerahkan kartu nama. Usaha kecil sering dikenal lewat kartu nama cetak yang diulurkan di meja; Sapa menjadikan kartu itu halamannya. Sisi depannya membawa nama, jenis usaha, dan tiga baris kontak di dalam tepi berjahit; sisi belakangnya QR halaman itu sendiri. Di bawahnya tautan milik usaha dan tabel jam yang menyatakan apakah kios sedang buka — bukan profil media sosial tiruan.
Tinta plum dan benang mulberry di atas kertas kartu hangat: muka kartu sedikit lebih terang dari halaman, berasio kartu cetak 1,75:1, jahitan putus-putus di dalam tepinya, dan tanda jarum-benang. Tautan berupa baris berbingkai, jam berupa tabel bergaris; mulberry menandai aksi utama, jahitan, dan hari ini.
Hanken Grotesk 700, grotesk ringkas dan netral seperti huruf kartu nama cetak, menulis nama, judul bagian, dan papan nama, sehingga nama pengunjung mana pun tetap terbaca. DM Sans membawa baris kontak, tautan, jam, dan tombol dengan angka tabular. Schibsted Grotesk 700 tetap cadangan tercatat yang tidak dipakai.
Satu halaman. Di layar lebar kartu dan dua aksinya di kiri, tautan dan jam di kanan. Di ponsel terbaca kartu → aksi → tautan → jam, tanpa yang perlu digeser ke samping. Tanpa JavaScript kedua sisi kartu tampil berurutan, sisi belakang berupa alamat halaman dalam teks.
Kartu condong mengikuti pointer atau jari (paling jauh 8°) dan kembali saat dilepas; Balik kartu memutarnya sekali ke sisi QR. Benang tanda dijahit sekali saat halaman dimuat. Dengan reduced motion kartu tetap datar, berbalik tanpa berputar, dan tandanya langsung utuh.
Halaman Next.js statis dwibahasa. QR dikodekan di peramban oleh encoder milik tema (mode byte, level M, versi 1–10) dari alamat halaman dan digambar sebagai SVG dengan tinta kartu; berkas vCard 3.0 dirakit lokal. Jam buka dihitung dari waktu Jakarta dengan Intl. Tanpa penyimpanan selain brand pengunjung, tanpa server.
Balik kartu adalah tombol alih dengan aria-pressed; kedua sisi tetap dalam urutan baca. QR punya teks alternatif dan alamat di sampingnya, jadi tidak ada yang bergantung pada pemindaian. Tautan menyebut tujuannya atau bahwa tidak tertaut; baris buka-sekarang adalah status sopan; baris hari ini dinamai dengan kata, bukan warna.
Pilih barangnya, tanyakan lewat satu nota.
Pilih jalur, simpan kartunya.