Gagasannya
Baca papan di serambi. Di masjid kecil atau majelis, sepekan dibagikan lewat satu papan: jadwal bertanggal, pengumuman yang berlaku untuk satu hari, dan catatan apa yang diterima serta dibelanjakan. Serambi menjadikan papan itu situsnya — bingkai kayu dengan pinggiran geometris, lembar yang ditempel pada bidang tenang, roset bintang delapan di samping nama — sehingga pengunjung langsung menemukan waktu, ruang, dan perubahannya, dan laporannya menunjukkan asal setiap angka. Tanpa layar sambutan, potret, slogan, atau ajakan memberi uang.
Bahasa visual
Dinding kapur, tinta zaitun, bidang papan hijau pupus dalam bingkai kayu, lembar kertas, dan satu pengumuman kuningan, selalu dengan tinta gelap. Geometri Islami nontekstual yang digambar orisinal untuk studi ini: kisi bintang delapan di sepanjang bingkai atas dan bawah, roset di samping nama dan di sekeliling tiap tanggal, lengkung ceruk bersarang di atas pengumuman, garis ganda di bawah judul lembar. Bidang baca tetap polos; penerimaan dan pengeluaran ditulis dengan kata serta + dan −, tidak pernah hijau dan merah.
Tipografi
Petrona 600, serif berkaki tegas, dipakai untuk wordmark, judul, angka tanggal, dan saldo laporan — berbobot untuk papan yang dibaca bersama, tetap tenang untuk dibaca. DM Sans membawa jam, ruang, kontrol, dan tabel laporan dengan angka tabular, sehingga membaca angka tidak bergantung pada serif. Tanpa italic dan tanpa huruf Arab dekoratif.
Tata letak & komposisi
Papan nama tenang dengan lima tautan bab, satu baris gelap yang menyatakan datanya fiktif, lalu papan berbingkai: judul dan tanggal edisi, lembar jadwal di kiri (sekitar tiga perlima) serta pengumuman dan ringkasan infak di kanan. Laporan adalah satu lembar lebar: kepala dan pelat periode, empat saldo, rekonsiliasi, tabel, keterangan, dan folio bernomor. Di bawah 800px semuanya bertumpuk sesuai urutan baca — jadwal, pengumuman, infak — dan tabel memindahkan tanggal ke sel kode tanpa geser mendatar.
Gerak & interaksi
Tanpa animasi: menyimpan, menyaring, dan pemberitahuan berubah seketika; tidak ada yang berkilau, bergulir, atau menghitung mundur sendiri. Tanggal adalah edisi contoh tetap, bukan “hari ini” atau “berikutnya”.
Di balik layar
Halaman Next.js statis dwibahasa. Jadwal tersimpan — hanya ID sesi — tinggal di peramban ini dengan kuncinya sendiri, diperiksa ukurannya (2 KiB) dan divalidasi dengan Zod setiap dibaca; ID yang tidak lagi ada di papan dibuang. Laporan infak dirender saat build dari satu catatan yang totalnya dihitung dalam rupiah bulat serta diperiksa dari kode ganda, arah asing, nominal tidak sah, dan tanggal di luar periode. TXT, CSV, dan cetak dibuat lokal. Tanpa akun, pembayaran, pendaftaran, atau server.
Dirancang untuk semua
Simpan adalah tombol tekan yang dinamai sesuai jadwalnya (aria-pressed, centang, dan “Tersimpan”); fokus tetap padanya dan status singkat mengonfirmasi. Saringan berupa tombol aria-pressed dengan hitungan langsung, dan hasil kosong menyatakannya dengan tombol reset. Keterangan dan pengumuman dibuka dengan details/summary bawaan. Tabel mempertahankan caption, header, dan relasi sel di setiap lebar. Setiap ornamen aria-hidden dan tidak menangkap klik, dan tidak ada keadaan yang bergantung pada warna. Menghapus semua selalu bertanya dulu dan mengembalikan fokus.
Di dalam pengalaman
- Papan mingguan berbingkai: jadwal, pengumuman berlaku, ringkasan infak
- Simpan jadwal secara lokal; daftar tersimpan dengan TXT, hapus satu atau semua
- Saringan jadwal dengan hitungan langsung dan keadaan kosong
- Laporan infak contoh: saldo direkonsiliasi dari tujuh catatan, CSV, dan cetak
- Ornamen geometris orisinal dan buku komponen sendiri
- Personalisasi merek lokal
Cocok untuk
- Masjid kecil dan majelis yang ingin memperlihatkan cara papan mingguan, pengumuman, dan ringkasan infak yang transparan terbaca — sebelum menetapkan isi, penyunting, dan prosedur nyata.
