twc-019 / Studi oleh Syafril · bukan proyek klien

Hening Retreat: Hening Retreat

Rumah singgah fiktif yang memberi setiap tamu satu buku lapangan berjilid. Situsnya adalah buku itu, terbuka di atas meja: pilih buku catatan dan lama tinggal, isi tiga jendela tiap hari atau biarkan kosong, tulis catatan lapangan, selipkan petunjuk, lalu cetak buku saku.

Tangkapan layar desktop asli demo Hening Retreat.

BACA KEPUTUSAN DESAIN

Mengapa disusun seperti ini.

Tangkapan layar menunjukkan pembuka yang diimplementasikan. Catatan menghubungkan komposisinya dengan pengalaman yang berfungsi dan perilaku di ponsel.

Tangkapan layar website asli. Ikuti catatan bernomor.
  1. 01

    Buku berjilid, bukan header

    Sampul kain, talang berjahit, dan tab di tepi buku membingkai setiap halaman; tab itulah navigasinya, satu per hari. Di ponsel sampul menjadi strip dengan tab tergantung yang bergulir ke tab aktif.

  2. 02

    Jendela kosong ikut ditulis

    Tiap buku catatan menyusun tiga jendela per hari. Jendela kosong adalah lingkaran tanpa isi di daftar isi dan baris bergaris putus di halaman harian: jeda yang direncanakan, bukan isian yang hilang, dan tidak dibedakan dengan warna saja.

  3. 03

    Lempeng dengan keterangan jujur

    Foto duduk di alas bersudut tempel, bernomor seperti jurnal lapangan. Tiap keterangan menyebut fotografernya dan menyatakan Hening tidak mengelola kabin itu dan tidak berada di Bromo. Di ponsel, teks dan aksi mendahului lempeng.

Sekilas desain

Tipografi judul
Alegreya
Tipografi isi
DM Sans
Coba interaksi ini
Buku catatan, jendela hari, catatan lapangan, dan buku saku
Kertas lapangan#efeadb
Tinta pakis#24332b
Pita & cap#7a4528
Lempeng#dde3d2
Kain sampul#3d5544
Garis buku#c9c1a6
Skema komposisi yang diimplementasikan.

YANG TERSEDIA / LANGKAH BERIKUTNYA

Pahami yang Anda pilih.

Tunjukkan rasanya sehari di sana sebelum ada yang memesan.

Berfungsi pada demo ini

  • Indeks buku catatan, lama tinggal, dan daftar isi dengan jendela kosong
  • Halaman harian dengan busur hari, tiga jendela, dan catatan lapangan bergaris
  • Enam petunjuk yang diselipkan ke hari dan jendela pilihan
  • Cetak buku saku A5, bekal TXT, dan ekspor per hari
  • Buku lapangan tersimpan di peramban ini; buku harian lama tetap terbaca

Alat ini mencakup ruang kerja yang berfungsi dan buku komponen sendiri. Kontrolnya mengolah status lokal.

Integrasi produksi untuk didiskusikan

  • Informasi tuan rumah nyata, program dan foto dengan hak pakai, serta kanal pertanyaan, pemesanan, atau pembayaran memerlukan implementasi yang disepakati terpisah.

Ekspor dibuat di browser Anda. Tidak terhubung dengan akun, penyimpanan awan, atau layanan eksternal.

Batasan untuk direncanakan

Studi desain fiktif. Hening tidak punya alamat, kamar, jadwal, atau harga dan tidak memesan apa pun; foto merupakan referensi berlisensi (Bromo bukan lokasinya) dan ekspor adalah rencana konsep lokal.

Penyerahan & penyesuaian

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 ini

Gagasannya

Waktu luang, yang sengaja. Banyak retret dan pemandu alam memberi tamu buku catatan berisi petunjuk harian; di sini bagian-bagiannya menjadi antarmuka: sampul kain dan talang berjahit membingkai setiap halaman, tab di tepi buku menjadi navigasi, pita menandai halaman, halaman bergaris menampung catatan, dan lempeng foto serta cap karet berasal dari jurnal lapangan Nusa yang dipensiunkan.

Bahasa visual

Kertas lapangan, tinta pakis, pita dan cap cokelat kayu, kain sampul hijau lumut, dan alas lempeng pucat. Garis buku hanya muncul di halaman dan sebagai titik daftar isi. Tanpa tekstur kertas atau foto kulit: buku digambar dengan garis, bidang warna, jahitan, dan satu bayangan halus. Jendela terisi dan kosong dibaca lewat ● / ○ serta garis penuh / putus-putus, tidak dengan warna saja.

Tipografi

Alegreya 500, serif yang dirancang untuk teks sastra dengan ritme goresan pena yang hidup, menjuduli halaman, nama hari, tab, dan wordmark Hening; angka gaya lamanya cocok untuk folio seperti “Hari 2” dan “02 / 03”. DM Sans membawa teks bacaan, label, dan kontrol.

Tata letak & komposisi

Setiap halaman adalah satu bentangan buku di atas meja: sampul kain 10px, dua halaman di kiri-kanan talang berjahit, tab di tepi kanan buku (Sampul, Petunjuk, Hari 1…8, Bekal), dan pita di talang atau margin luar. Di bawah 900px buku menjadi satu halaman di bawah strip kain dengan tab tergantung yang bergulir ke tab aktif; teks dan aksi mendahului lempeng.

Gerak & interaksi

Beralih ke hari lain memainkan satu balik halaman singkat (halaman kanan berayun dari talang) dan memindahkan fokus ke judul hari; reduced motion menghilangkannya. Tidak ada yang berulang atau bergerak sendiri.

Di balik layar

Halaman Next.js statis dwibahasa. Buku lapangan tersimpan di peramban ini dengan kunci yang sama seperti buku harian sebelumnya, divalidasi dengan Zod setiap dibaca; draf lama terbaca tanpa perubahan. Hari dibaca dari ?day= di URL. Cetak (buku saku A5) dan ekspor TXT dibuat lokal. Tanpa akun, pemesanan, atau server.

Dirancang untuk semua

Tab berupa tautan dengan aria-current; buku catatan berupa tombol tertekan dan perubahannya diumumkan; tiap jendela adalah pilihan berlabel; catatan adalah area teks bergaris berlabel dengan penghitung. Jendela kosong ditandai dengan bentuk dan garis, bukan warna. Lempeng membawa keterangan jujur; pita, cap, dan jahitan bersifat dekoratif.

Di dalam pengalaman

  • Buku lapangan berjilid dengan tab tepi untuk setiap hari
  • Tiga buku catatan, 1–7 malam, dan tiga jendela per hari
  • Catatan lapangan bergaris untuk tiap hari
  • Enam petunjuk lapangan untuk diselipkan ke jendela mana pun
  • Cetak buku saku A5 dan bekal lapangan TXT
  • Buku komponen dan status sendiri
  • Personalisasi merek lokal

Cocok untuk

  • Retret kecil, guesthouse dan homestay yang punya program, pemandu alam dan pengamatan burung, residensi menulis atau seni, dan penyelenggara perjalanan pelan, bagi pengunjung yang ingin tahu seperti apa sehari di sana sebelum menghubungi tuan rumah.

Di berbagai layar

Tangkapan layar desktop asli demo Hening Retreat.
Tangkapan layar desktop asli demo Hening Retreat.
Tangkapan layar ponsel asli demo Hening Retreat.
Tangkapan layar ponsel asli demo Hening Retreat.

Sudut pandang lain