twc-032 / Studi oleh Syafril · bukan proyek klien
Undangan pernikahan web untuk pasangan fiktif, Laras & Dimas: amplop terakota bersegel inisial terbuka menjadi kartu gading berisi akad dan resepsi, hitung mundur, denah skematik, dan berkas kalender; kartu balasan mengubah konfirmasi kehadiran menjadi pesan WhatsApp ke nomor fiktif. Nama tamu bisa dibawa lewat tautan dan hanya ditampilkan. Tanpa musik, ayat, rekening hadiah, atau foto.
BACA KEPUTUSAN DESAIN
Tangkapan layar menunjukkan pembuka yang diimplementasikan. Catatan menghubungkan komposisinya dengan pengalaman yang berfungsi dan perilaku di ponsel.
Amplop terakota membuka halaman: Buka undangan memutar tutup ke belakang dan menggeser kartu keluar. Kartu selalu ada di halaman di bawahnya; dengan reduced motion atau tanpa JavaScript amplop sudah terbuka.
Nama tamu dibawa lewat tautan (?untuk=): hanya huruf, angka, spasi, dan .,'-(), paling banyak 60 karakter, selain itu sapaan umum. Nama ditampilkan dan ditawarkan ke kartu balasan, tidak pernah disimpan atau dikirim.
Kartu gading terbaca seperti cetakan: pasangan dalam Bellefair dengan ampersand terakota, orang tua, tanggal, kedua acara dengan waktu WIB, hitung mundur, dan tempat dengan denah skematik — sebelum ornamen apa pun.
#f3ebdd#3a2417#9a4330#d6c25e#fbf7ef#6b5040YANG TERSEDIA / LANGKAH BERIKUTNYA
Undangan yang bisa dibaca dan dibalas tamu.
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. Laras & Dimas, orang tua mereka, tanggal, Pendopo Sekar Arum, dan alamatnya tidak ada; nomor +44 7700 900142 berasal dari rentang khusus drama dan bukan milik siapa pun. Halaman tidak mengirim apa pun dan tidak menyimpan daftar tamu.
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 iniUndangan cetak yang dibawa ke layar. Di Indonesia pernikahan diumumkan dengan kartu dalam amplop yang ditujukan kepada setiap tamu, lalu dibalas. Sampul menjaga urutan itu: amplop bernama tamu dan bersegel pasangan di bawah janur melengkung, kartu berisi nama, orang tua, acara, tanggal, dan tempat, lalu kartu balasan. Amplop membuka halaman; amplop tidak pernah menghalangi tamu dari faktanya.
Bahan undangan cetak, bukan foil emas: amplop terakota, lengkung dan segel kuning janur, kertas gading berbingkai garis ganda, dan tinta coklat sogan. Nama, tanggal, dan tempat terbaca sebelum ornamen; janur melengkung dan denah tempat adalah gambar orisinal yang tidak pernah membawa teks.
Bellefair 400, serif display transisional berkontras tinggi dengan serif tajam dan ampersand yang anggun, menulis nama pasangan, judul, tanggal, nama acara, angka hitung mundur, segel, dan wordmark: suara kartu cetak, bukan huruf skrip yang menyulitkan nama panjang. DM Sans membawa label, waktu, alamat, formulir, dan pesan. Prata 400 tetap cadangan tercatat yang tidak dipakai.
Tiga halaman dan buku desain. Undangan meletakkan amplop 640px di atas kartu: nama dan orang tua di kiri, tanggal, acara, dan hitung mundur di kanan, lalu tempat dan denahnya, lalu ajakan membalas. Halaman konfirmasi meletakkan formulir di kiri dan kartu balasan 460px di kanan. Di bawah 900px semuanya satu kolom; di bawah 600px amplop tegak 4:5.
Dengan JavaScript dan gerak diizinkan, amplop tertutup sebelum cat pertama. Buka undangan memutar tutup ke belakang (0,42 detik), menggeser kartu keluar (0,36 detik), dan memindahkan fokus ke judul kartu. Kartu selalu ada di halaman dan bisa digulir. Dengan reduced motion — juga bila berubah saat halaman terbuka — atau tanpa JavaScript amplop sudah terbuka. Hitung mundur berganti sekali semenit, tanpa angka berputar.
Demo Next.js statis dwibahasa. Amplop berupa HTML dan SVG yang digerakkan transform CSS; skrip inline kecil menutupnya sebelum cat. Nama tamu dibaca dari ?untuk= di peramban, dibatasi 60 huruf, angka, spasi, dan .,'-(), dan tidak pernah disimpan. Draf balasan disimpan sebagai { version: 1, reply } dengan kunci collection-sampul-rsvp-v1, paling besar 2 KiB, divalidasi zod/mini pada setiap baca dan tulis. Berkas .ics dibuat di halaman.
Kartu berupa article dengan heading berurutan, daftar deskripsi untuk acara, dan figure bertitle untuk denah. Formulir balasan memakai fieldset dan legend; galat berada di samping kelompoknya dan fokus berpindah ke galat pertama. Hitung mundur tidak diumumkan setiap menit. Salin dan unduh melaporkan apa yang benar-benar terjadi; tidak ada yang mengaku terkirim.
Kartu nama digital untuk usaha kecil.
Pilih barangnya, tanyakan lewat satu nota.