System Requirements Document for bpd-desa-tahele

1. Introduction

Proyek bpd-desa-tahele menghasilkan desain baliho (papan pengumuman berukuran besar untuk dipasang di luar ruang) bagi Panitia Pemilihan BPD Desa Tahele. Baliho ini adalah pengumuman resmi yang menyampaikan tiga hal kepada warga Desa Tahele: bahwa Pendaftaran Tahap II telah ditutup pada Hari/Tgl: Jumat, 9 Oktober 2026 pukul 00.00, daftar lengkap bakal calon anggota BPD Desa Tahele yang dikelompokkan berdasarkan wilayah dan keterwakilan gender beserta jumlah kursi tiap kelompok, serta ucapan terima kasih atas partisipasi warga.

Audiens produk adalah Panitia Pemilihan BPD Desa Tahele sebagai pemilik dan penyampai pengumuman resmi, dan Warga Desa Tahele sebagai pembaca baliho yang harus dapat menangkap informasi pemilihan dengan cepat dari jarak beberapa meter di jalan desa. Karena itu, seluruh keputusan desain tunduk pada satu tujuan: keterbacaan luar ruang yang jujur, tegas, dan akrab — bukan tampilan produk digital pada umumnya.

2. System Overview

Produk ini adalah satu halaman publik yang menampilkan desain baliho pemilihan BPD Desa Tahele secara utuh. Halaman menampilkan identitas panitia, bilah tenggat penutupan Pendaftaran Tahap II, empat blok kelompok bakal calon beserta jumlah kursi masing-masing, diagram blok peta tiga dusun, dan bilah ucapan terima kasih. Tidak ada proses pendaftaran, tidak ada pengelolaan data, dan tidak ada akun pengguna: isi baliho bersifat tetap dan sesuai teks sumber.

Aktor yang terlibat:

• Panitia Pemilihan BPD Desa Tahele (persona manusia, eksplisit) — pemilik pengumuman; keberhasilannya adalah tersampaikannya informasi secara jelas dan terbaca pada baliho.
• Warga Desa Tahele (persona manusia, required_inference) — pembaca baliho; keberhasilannya adalah memahami batas waktu pendaftaran dan mengenali nama bakal calon pada wilayah serta keterwakilan gender masing-masing dengan cepat.

Tidak ada aktor sistem, penyedia, atau tujuan eksternal yang memiliki perilaku produk saat ini.

2a. Product Interpretation and Delivery Boundary

Baliho disampaikan sebagai halaman publik tanpa login (access_requirement: none). Siapa pun yang membuka halaman dapat langsung membaca seluruh isi pengumuman; tidak ada identitas aplikasi, sesi, atau hak akses berbeda yang diperlukan, karena tidak ada state pribadi, komitmen, atau keputusan yang harus terikat pada peserta tertentu. Halaman ini adalah satu-satunya permukaan interaksi produk saat ini.

Batas saat ini: hanya desain baliho beserta seluruh isinya. Di luar cakupan saat ini: pendaftaran calon, verifikasi berkas, pemungutan suara, penghitungan suara, pengelolaan data kependudukan, dan segala bentuk akun atau peran pengguna. Tidak ada pekerjaan yang dialihkan ke penyedia atau tujuan eksternal.

2b. Source Content Inventory

Seluruh fakta berikut berasal langsung dari teks sumber pengguna dan harus tampil persis seperti tertulis.

Identitas dan tenggat

• Judul/identitas: Panitia Pemilihan BPD Desa Tahele
• Penanda lokasi: Desa Tahele · Kabupaten Gorontalo
• Pengumuman: Pendaftaran Tahap II ditutup
• Hari/Tgl: Jumat, 9 Oktober 2026
• Pukul: 00.00

Daftar bakal calon anggota BPD Desa Tahele — Bakal Calon Berdasarkan Wilayah

• Dusun selatan "Dua Kursi"
  1. Hamid Liputo
  2. Ismet Datau
  3. Abd Rahman Abas
  4. Zulkifli Zakaria
  5. Meilani Datu
• Dusun Tengah "Dua Kursi"
  1. Ridwan Said Pakeu
  2. Fadli Abd Kholil Salam
  3. Asti A Baku
• Dusun Utara "Satu Kursi"
  1. Asnawi Van Gobel
  2. Rusli Tuda
  3. Muh. Gufran Lahiya
  4. Herdiansyah Maranya
• Bakal Calon Keterwakilan Gender "Dua Kursi"
  1. Ramlawati Raja
  2. Ferlis Ali
  3. Fitriyanti Hudodo
  4. Yanti Pasuma

Penutup

• Terimakasih Atas Partisipasinya Untuk Mensukseskan Pemilihan BPD Desa Tahele\x20\xf0\x9f\x99\x8f

2c. Page Content and Component Coverage

Landing

Halaman publik tunggal yang menampilkan baliho pemilihan BPD Desa Tahele sebagai satu panel kraft penuh lebar, tersusun dari atas ke bawah sebagai modul-modul yang tetap terbaca sebagai satu baliho utuh.

Informasi dan state

• Baris identitas tipis: "PANITIA PEMILIHAN BPD DESA TAHELE" di kiri dan "DESA TAHELE · KABUPATEN GORONTALO" di kanan, dengan siluet daun kelapa/pegunungan Gorontalo sebagai penanda lokasi.
• Blok lencana judul besar: "PANITIA PEMILIHAN BPD DESA TAHELE" dalam Alfa Slab One all-caps, dipecah menjadi tiga baris, dengan ikon cap papan pengumuman di atasnya.
• Panel kertas label di sisi kanan hero berisi teks pendaftaran dan angka besar "00.00" berwarna oranye bara.
• Bilah tenggat oranye bara penuh lebar: "PENDAFTARAN TAHAP II DITUTUP — JUMAT, 9 OKTOBER 2026, PUKUL 00.00" dalam all-caps slab, dengan strip hazard diagonal tipis di tepi atas.
• Empat blok wilayah sebagai lencana tersendiri, masing-masing dengan label all-caps dan angka kursi sebagai angka slab besar di kolom kiri, serta daftar nama bernomor di kolom kanan, dipisah garis ganda:
  • "DUSUN SELATAN — DUA KURSI" dengan 5 nama.
  • "DUSUN TENGAH — DUA KURSI" dengan 3 nama.
  • "DUSUN UTARA — SATU KURSI" dengan 4 nama.
  • "BAKAL CALON KETERWAKILAN GENDER — DUA KURSI" dengan 4 nama, memakai strip mustard yang berbeda dari tiga dusun.
• Diagram blok peta tiga dusun (Selatan, Tengah, Utara) digambar dengan garis 4px di samping daftar wilayah.
• Bilah hijau hutan berisi ucapan terima kasih dan tanda tangan panitia bergaya stempel, ditutup garis potong putus-putus.

Aksi utama dan pendukung

• Tidak ada aksi yang mengubah data. Interaksi terbatas pada pembacaan: menggulir halaman dan mengarahkan sorotan pada blok wilayah.
• Hover/fokus pada blok wilayah menebalkan bingkai dari 3px ke 5px tanpa menggeser tata letak.

Entitas domain

• Panitia Pemilihan BPD Desa Tahele (identitas pengumuman).
• Tenggat Pendaftaran Tahap II (Jumat, 9 Oktober 2026, pukul 00.00).
• Kelompok wilayah (Dusun Selatan, Dusun Tengah, Dusun Utara) dan kelompok Keterwakilan Gender, masing-masing dengan jumlah kursi.
• Bakal calon: nama dan nomor urut dalam kelompoknya.

Tanggung jawab komponen

• Panel hero kraft (±78vh) — memuat judul raksasa dan panel kertas label tenggat.
• Bilah tenggat — elemen pertama yang dilihat mata setelah judul; menandai tenggat dengan satu warna panas.
• Blok lencana wilayah — menyajikan label wilayah, angka kursi, dan daftar nama bernomor sebagai entri terdaftar.
• Diagram peta dusun — memberi informasi spasial letak Dusun Selatan, Tengah, Utara.
• Bilah penutup hijau hutan — ucapan terima kasih dan tanda tangan panitia.

State tampilan

• Loading: tidak ada pemuatan data; halaman dirender langsung dari konten tetap. Tidak ada indikator loading.
• Empty: tidak berlaku — seluruh 16 nama dan 4 kelompok selalu tampil.
• Success: seluruh modul tampil utuh; setiap nama calon dan label wilayah terbaca penuh dalam satu baris tanpa dipotong atau dikecilkan.
• Error: tidak ada jalur error data. Satu-satunya kegagalan yang bermakna adalah kegagalan keterbacaan (teks terpotong, tertutup, atau meluber keluar kontainer/viewport); pemulihannya adalah pembungkusan atau penskalaan teks dengan clamp() sehingga tetap utuh pada 375px, 768px, dan 1280px.
• Recovery: pada prefers-reduced-motion, semua blok tampil seketika tanpa geser dan tanpa cap; tidak ada konten yang hilang.

3. Functional Requirements

FR-1 — Menampilkan desain baliho pemilihan BPD Desa Tahele As a Panitia Pemilihan BPD Desa Tahele, I should melihat desain baliho pemilihan BPD Desa Tahele tampil sebagai satu halaman publik yang utuh, so that pengumuman resmi dapat dipasang dan dibaca warga.

• Provenance: explicit
• Trigger/input: halaman Landing dibuka.
• Observable result: satu panel baliho penuh lebar tampil lengkap dari baris identitas hingga bilah penutup.
• Access state: publik, tanpa login.
• Failure/recovery: bila ada modul yang tidak tampil, halaman dimuat ulang; konten tetap karena bersumber dari teks tetap.
• Continuation: pembaca menggulir ke modul berikutnya.

FR-2 — Menampilkan judul/identitas panitia As a Panitia Pemilihan BPD Desa Tahele, I should judul "Panitia Pemilihan BPD Desa Tahele" tampil sebagai identitas utama baliho, so that warga langsung tahu ini pengumuman resmi panitia pemilihan.

• Provenance: explicit
• Trigger/input: halaman Landing dibuka.
• Observable result: judul dalam Alfa Slab One all-caps, 40px di mobile hingga 92px di desktop, dipecah tiga baris, dengan ikon cap papan pengumuman di atasnya.
• Access state: publik.
• Failure/recovery: bila judul tidak muat, ukuran mengikuti clamp() sehingga tetap utuh dalam viewport.
• Continuation: mata pembaca turun ke bilah tenggat.

FR-3 — Menampilkan pengumuman penutupan Pendaftaran Tahap II beserta tenggat As a Panitia Pemilihan BPD Desa Tahele, I should pengumuman "Pendaftaran Tahap II ditutup" tampil bersama "Hari/Tgl: Jumat, 9 Oktober 2026" dan "Pada pukul 00.00", so that warga mengetahui batas waktu pendaftaran secara pasti.

• Provenance: explicit
• Trigger/input: halaman Landing dibuka.
• Observable result: bilah oranye bara penuh lebar bertuliskan "PENDAFTARAN TAHAP II DITUTUP — JUMAT, 9 OKTOBER 2026, PUKUL 00.00" dalam all-caps slab, 30px di mobile hingga 64px di desktop, dengan strip hazard diagonal tipis di tepi atas dan angka "00.00" besar berwarna oranye bara pada panel kertas label.
• Access state: publik.
• Failure/recovery: bila bilah tidak muat pada 375px, teks membungkus ke baris berikutnya tanpa dipotong; strip hazard tetap di tepi atas.
• Continuation: pembaca melanjutkan ke daftar bakal calon.

FR-4 — Menampilkan kelompok Dusun Selatan "Dua Kursi" As a Panitia Pemilihan BPD Desa Tahele, I should kelompok "Dusun selatan "Dua Kursi"" tampil dengan lima nama berurutan — Hamid Liputo, Ismet Datau, Abd Rahman Abas, Zulkifli Zakaria, Meilani Datu, so that warga Dusun Selatan mengenali bakal calon di wilayahnya.

• Provenance: explicit
• Trigger/input: halaman Landing dibuka.
• Observable result: blok lencana dengan label all-caps "DUSUN SELATAN — DUA KURSI", angka kursi sebagai angka slab besar di kolom kiri, dan lima nama bernomor di kolom kanan.
• Access state: publik.
• Failure/recovery: setiap nama tetap satu baris utuh; bila ruang sempit, kolom menumpuk tanpa memotong nama.
• Continuation: pembaca melanjutkan ke kelompok berikutnya.

FR-5 — Menampilkan kelompok Dusun Tengah "Dua Kursi" As a Panitia Pemilihan BPD Desa Tahele, I should kelompok "Dusun Tengah "Dua Kursi"" tampil dengan tiga nama berurutan — Ridwan Said Pakeu, Fadli Abd Kholil Salam, Asti A Baku, so that warga Dusun Tengah mengenali bakal calon di wilayahnya.

• Provenance: explicit
• Trigger/input: halaman Landing dibuka.
• Observable result: blok lencana dengan label all-caps "DUSUN TENGAH — DUA KURSI", angka kursi slab besar, dan tiga nama bernomor.
• Access state: publik.
• Failure/recovery: nama panjang seperti "Fadli Abd Kholil Salam" tetap utuh dalam satu baris, tidak dipotong atau dikecilkan di bawah batas baca.
• Continuation: pembaca melanjutkan ke kelompok berikutnya.

FR-6 — Menampilkan kelompok Dusun Utara "Satu Kursi" As a Panitia Pemilihan BPD Desa Tahele, I should kelompok "Dusun Utara "Satu Kursi"" tampil dengan empat nama berurutan — Asnawi Van Gobel, Rusli Tuda, Muh. Gufran Lahiya, Herdiansyah Maranya, so that warga Dusun Utara mengenali bakal calon di wilayahnya.

• Provenance: explicit
• Trigger/input: halaman Landing dibuka.
• Observable result: blok lencana dengan label all-caps "DUSUN UTARA — SATU KURSI", angka kursi slab besar, dan empat nama bernomor.
• Access state: publik.
• Failure/recovery: nama tetap utuh satu baris; blok tidak menutupi modul lain.
• Continuation: pembaca melanjutkan ke kelompok keterwakilan gender.

FR-7 — Menampilkan kelompok Bakal Calon Keterwakilan Gender "Dua Kursi" As a Panitia Pemilihan BPD Desa Tahele, I should kelompok "Bakal Calon Keterwakilan Gender "Dua Kursi"" tampil dengan empat nama berurutan — Ramlawati Raja, Ferlis Ali, Fitriyanti Hudodo, Yanti Pasuma, so that warga mengenali bakal calon keterwakilan gender.

• Provenance: explicit
• Trigger/input: halaman Landing dibuka.
• Observable result: blok lencana dengan label all-caps "BAKAL CALON KETERWAKILAN GENDER — DUA KURSI", angka kursi slab besar, empat nama bernomor, dan strip mustard yang membedakannya dari tiga blok dusun.
• Access state: publik.
• Failure/recovery: strip mustard tetap terlihat sebagai pembeda meski blok menumpuk di layar sempit.
• Continuation: pembaca melanjutkan ke bilah penutup.

FR-8 — Menampilkan ucapan terima kasih As a Panitia Pemilihan BPD Desa Tahele, I should ucapan "Terimakasih Atas Partisipasinya Untuk Mensukseskan Pemilihan BPD Desa Tahele\x20\xf0\x9f\x99\x8f" tampil pada bilah penutup, so that warga menerima penghargaan atas partisipasinya.

• Provenance: explicit
• Trigger/input: halaman Landing dibuka.
• Observable result: bilah hijau hutan berisi ucapan terima kasih dan tanda tangan panitia bergaya stempel, ditutup garis potong putus-putus.
• Access state: publik.
• Failure/recovery: teks membungkus bila perlu; tidak dipotong.
• Continuation: selesai — pembaca telah menerima seluruh isi pengumuman.

FR-9 — Membaca baliho dengan cepat dan utuh As a Warga Desa Tahele, I should membaca seluruh isi baliho dengan cepat dan setiap nama serta label wilayah terbaca utuh, so that saya mengetahui batas waktu pendaftaran dan mengenali bakal calon di wilayah saya.

• Provenance: required_inference
• Trigger/input: warga membuka halaman atau melihat baliho dari jarak beberapa meter.
• Observable result: hierarki jelas — judul, bilah tenggat, empat blok wilayah, penutup — dengan nama calon 17px di mobile hingga 22px di desktop dan label mikro all-caps 11px hingga 13px dengan tracking 0.14em.
• Access state: publik.
• Failure/recovery: bila teks berisiko terpotong pada 375px, 768px, atau 1280px, ukuran mengikuti clamp() dan tata letak membungkus sehingga teks tetap utuh di dalam kontainer dan viewport.
• Continuation: warga menutup halaman setelah informasi dipahami.

FR-10 — Menandai lokasi wilayah pada peta dusun As a Warga Desa Tahele, I should melihat diagram blok peta tiga dusun di samping daftar wilayah, so that saya tahu di mana Dusun Selatan, Tengah, dan Utara berada.

• Provenance: required_inference
• Trigger/input: halaman Landing dibuka.
• Observable result: diagram blok tiga dusun digambar dengan garis 4px di samping daftar wilayah.
• Access state: publik.
• Failure/recovery: diagram tetap tampil sebagai blok sederhana pada layar sempit tanpa menutupi teks.
• Continuation: warga kembali membaca daftar nama pada wilayah terkait.

4. User Personas

Panitia Pemilihan BPD Desa Tahele

Konteks produk. Panitia adalah penyusun dan penanggung jawab pengumuman resmi tahapan pemilihan anggota BPD Desa Tahele. Mereka bekerja dengan teks resmi yang sudah final: identitas panitia, pernyataan penutupan Pendaftaran Tahap II beserta tanggal dan pukul, daftar bakal calon yang sudah dikelompokkan per wilayah dan keterwakilan gender beserta jumlah kursi, dan ucapan terima kasih. Tugas mereka bukan mengelola data, melainkan memastikan pengumuman tampil jelas dan terbaca pada baliho.

Tujuan utama. Tersampaikannya informasi pemilihan kepada warga Desa Tahele secara jelas dan terbaca, tanpa ada nama, kelompok, jumlah kursi, atau tenggat yang berubah atau hilang.

Tanggung jawab yang diterima. Menyediakan isi baliho yang lengkap dan persis (FR-1 sampai FR-8): identitas panitia, pengumuman penutupan pendaftaran dengan tenggat Jumat, 9 Oktober 2026 pukul 00.00, empat kelompok bakal calon dengan jumlah kursi masing-masing, dan ucapan terima kasih.

Input dan keputusan. Seluruh isi sudah ditetapkan oleh sumber; keputusan panitia terbatas pada memastikan tidak ada nama yang dipecah, dipotong, atau dikecilkan hingga tidak terbaca, dan bahwa pengelompokan wilayah serta kursi tetap sesuai teks asli.

Interaksi dengan peserta lain. Panitia adalah pihak yang berbicara kepada Warga Desa Tahele; tidak ada peserta lain yang mengubah isi baliho.

Keberhasilan yang terlihat. Baliho tampil utuh dari baris identitas hingga bilah penutup, dengan setiap nama calon dan label wilayah terbaca penuh pada 375px, 768px, dan 1280px.

Warga Desa Tahele

Konteks produk. Warga Desa Tahele — petani, nelayan, keluarga, tetangga — membaca baliho dari jalan desa, dari jarak beberapa meter, sering hanya sekilas. Mereka tidak berinteraksi dengan sistem; mereka membaca satu halaman publik tanpa login.

Tujuan utama. Mengetahui sampai kapan pendaftaran ditutup dan mengenali nama-nama bakal calon pada wilayah serta keterwakilan gender masing-masing dengan cepat.

Tanggung jawab yang diterima. Membaca dan memahami isi baliho (FR-9), serta memanfaatkan diagram peta dusun untuk mengetahui letak wilayah (FR-10).

Input dan keputusan. Tidak ada input yang diminta; keputusan warga adalah mengenali nama pada kelompok wilayahnya dan mencatat tenggat penutupan.

Interaksi dengan peserta lain. Warga adalah penerima pengumuman dari Panitia; tidak ada peserta lain yang terlibat dalam pembacaan.

Keberhasilan yang terlihat. Warga dapat menyebutkan tenggat (Jumat, 9 Oktober 2026, pukul 00.00) dan nama-nama pada kelompok wilayahnya setelah membaca baliho.

5. Core User Flows

Alur 1 — Panitia menyampaikan pengumuman melalui baliho

1. Panitia membuka halaman Landing pada peramban.
2. Halaman menampilkan baris identitas tipis: "PANITIA PEMILIHAN BPD DESA TAHELE" di kiri dan "DESA TAHELE · KABUPATEN GORONTALO" di kanan, dengan siluet daun kelapa/pegunungan Gorontalo sebagai penanda lokasi.
3. Panel hero kraft (±78vh) tampil: judul "PANITIA PEMILIHAN BPD DESA TAHELE" dalam Alfa Slab One all-caps dipecah tiga baris dengan ikon cap papan pengumuman di atasnya; di sisi kanan, panel kertas label berisi teks pendaftaran dan angka besar "00.00" berwarna oranye bara.
4. Bilah tenggat oranye bara "dicap" turun dengan easing cepat 180ms lalu berhenti, menampilkan "PENDAFTARAN TAHAP II DITUTUP — JUMAT, 9 OKTOBER 2026, PUKUL 00.00" dengan strip hazard diagonal tipis di tepi atas.
5. Panitia menggulir; empat blok wilayah muncul berurutan 60ms satu per satu dengan geser vertikal 12px (bukan fade lembut): Dusun Selatan "Dua Kursi" (5 nama), Dusun Tengah "Dua Kursi" (3 nama), Dusun Utara "Satu Kursi" (4 nama), dan Bakal Calon Keterwakilan Gender "Dua Kursi" (4 nama) dengan strip mustard.
6. Panitia memeriksa bahwa setiap nama tampil satu baris utuh dan setiap label wilayah beserta angka kursi terbaca; hover pada blok wilayah menebalkan bingkai dari 3px ke 5px tanpa menggeser tata letak.
7. Panitia mencapai bilah hijau hutan berisi "Terimakasih Atas Partisipasinya Untuk Mensukseskan Pemilihan BPD Desa Tahele\x20\xf0\x9f\x99\x8f" dan tanda tangan panitia bergaya stempel, ditutup garis potong putus-putus.
8. Hasil yang terlihat: baliho tampil utuh sebagai satu pengumuman resmi, siap dipasang dan dibaca warga.
9. Kegagalan dan pemulihan: bila pada 375px ada teks yang berisiko terpotong atau meluber, ukuran mengikuti clamp() dan tata letak membungkus sehingga teks tetap utuh di dalam kontainer dan viewport; panitia memuat ulang halaman untuk memverifikasi.
10. Kelanjutan: panitia menutup halaman setelah seluruh isi terverifikasi.

Alur 2 — Warga membaca pengumuman dari baliho

1. Warga membuka halaman Landing (atau melihat baliho yang dipasang) tanpa login.
2. Mata warga pertama kali jatuh pada judul raksasa "PANITIA PEMILIHAN BPD DESA TAHELE", lalu pada bilah oranye bara yang menandai tenggat.
3. Warga membaca "PENDAFTARAN TAHAP II DITUTUP — JUMAT, 9 OKTOBER 2026, PUKUL 00.00" dan mencatat bahwa pendaftaran sudah ditutup pada pukul 00.00.
4. Warga menggulir ke empat blok wilayah; setiap blok menampilkan label all-caps, angka kursi sebagai angka slab besar di kolom kiri, dan daftar nama bernomor di kolom kanan.
5. Warga melihat diagram blok peta tiga dusun (Selatan, Tengah, Utara) di samping daftar untuk mengetahui letak wilayahnya.
6. Warga menemukan kelompok wilayahnya dan membaca nama-nama bakal calon, misalnya pada Dusun Selatan: Hamid Liputo, Ismet Datau, Abd Rahman Abas, Zulkifli Zakaria, Meilani Datu.
7. Warga membaca kelompok Bakal Calon Keterwakilan Gender "Dua Kursi" dengan strip mustard: Ramlawati Raja, Ferlis Ali, Fitriyanti Hudodo, Yanti Pasuma.
8. Hasil yang terlihat: warga memahami tenggat dan mengenali nama bakal calon pada wilayah serta keterwakilan gender masing-masing.
9. Kegagalan dan pemulihan: bila warga membaca pada layar sempit dan teks terasa kecil, tata letak menumpuk menjadi satu kolom dan ukuran teks mengikuti clamp() sehingga nama tetap terbaca utuh; pada prefers-reduced-motion, semua blok tampil seketika tanpa geser dan tanpa cap sehingga tidak ada informasi yang hilang.
10. Kelanjutan: warga mencapai bilah hijau hutan berisi ucapan terima kasih, lalu selesai membaca.

6. Visuals Colors and Theme

Arah kreatif bersifat otoritatif untuk bagian ini.

Muse dan headline. Aaron Draplin — Bold honest civic notice: lencana bergaris tebal, warna workwear, tulisan all-caps yang jujur. Ini bukan hero SaaS; ini papan pengumuman warga yang tahan cuaca dan tahan dibaca dari jauh.

Token warna (light mode)

Tipografi

• Headings: Alfa Slab One, all-caps, tracking rapat (-0.01em), ukuran besar dan berat untuk judul panitia serta kata "DITUTUP"; angka kursi dicetak sebagai angka slab besar yang berdiri sendiri.
• Body dan seluruh daftar nama: Barlow Semi Condensed 500/600 — condensed agar 16 nama + 4 label wilayah masuk tanpa mengecilkan huruf di bawah batas baca luar ruang. Nama calon selalu satu baris utuh, tidak pernah dipecah atau dipotong.
• Skala modular 1.333 dengan lompatan besar untuk display: judul panitia 40px (mobile) → 92px (desktop); "PENDAFTARAN TAHAP II DITUTUP" 30px → 64px; heading wilayah 22px → 40px; nama calon 17px → 22px; label mikro all-caps 11px → 13px dengan tracking 0.14em.

Bahasa bentuk. Sudut tajam; bingkai garis tebal 3px; panel lencana dengan sudut terpotong (notch) di dua sisi; garis horizontal bergaris ganda sebagai pemisah wilayah; strip tepi bergaris diagonal (hazard-stripe halus) hanya pada bilah batas waktu. Tidak ada radius besar, tidak ada blob, tidak ada bayangan lembut — kedalaman dibuat dari lapisan kertas di atas kraft.

Ritme spasi. Grid poster 12 kolom yang mengeras menjadi 4 kolom di 375px; setiap blok adalah panel tersendiri dengan jarak antar-panel yang konsisten sehingga terbaca sebagai satu baliho utuh sekaligus sebagai modul-modul terpisah di layar.

Gaya citra. Tidak ada foto orang, tidak ada ilustrasi hiasan. Gambar adalah ikon garis tebal 4px yang dibuat seperti cap karet: ikon papan pengumuman, ikon kotak suara, ikon empat orang berdiri sejajar untuk keterwakilan gender, dan siluet daun kelapa/pegunungan Gorontalo sebagai penanda lokasi di bilah identitas. Tekstur halftone kasar dan noise kertas kraft halus sebagai latar, plus garis peta desa sederhana (tiga blok dusun) digambar sebagai diagram blok di samping daftar wilayah.

Dihindari. Latar putih bersih atau abu-abu netral; biru/indigo sebagai warna utama atau aksen dan tombol biru bergaya SaaS; font Inter, Roboto, Arial, Helvetica, Poppins, atau system-ui untuk judul maupun isi; kartu bersudut membulat besar dengan bayangan lembut dan hover-lift; gradient blob, glow neon, panel kaca; foto stok orang berjabat tangan atau ilustrasi vektor korporat; memecah, memotong, atau mengecilkan nama calon dan label wilayah hingga tidak terbaca utuh; animasi berulang/loop dekoratif.

7. Signature Design Concept

"Baliho yang dicap, bukan dirender."

Layar pertama adalah satu panel kraft penuh lebar setinggi ±78vh yang berfungsi sebagai baliho itu sendiri. Di kiri, judul "PANITIA PEMILIHAN BPD DESA TAHELE" dicetak dalam Alfa Slab One raksasa (40px di mobile, 92px di desktop) yang memecah menjadi tiga baris dan menempati 7 dari 12 kolom, dengan ikon cap papan pengumuman di atasnya. Di kanan, satu panel kertas label berisi teks pendaftaran dan satu angka "00.00" besar berwarna oranye bara.

Tepat menempel di bawah panel judul, bilah tenggat oranye bara penuh lebar "dicap" turun dan berhenti — dengan strip hazard diagonal tipis di tepi atas dan angka 00.00 dicetak sebesar mungkin. Ini elemen pertama yang dilihat mata setelah judul, dan satu-satunya warna panas yang menandai tenggat.

Di bawahnya, empat blok wilayah berdiri sebagai lencana tersendiri: label all-caps ("DUSUN SELATAN — DUA KURSI") dengan angka kursi sebagai angka slab besar di kolom kiri, daftar nama bernomor di kolom kanan dipisah garis ganda, dan blok keterwakilan gender memakai strip mustard yang berbeda dari tiga dusun. Nomor urut calon dicetak sebagai kotak bergaris tebal berisi angka slab, bukan angka polos — setiap nama terbaca sebagai entri terdaftar, bukan baris teks. Diagram blok peta tiga dusun digambar dengan garis 4px di samping daftar, sehingga pembaca langsung tahu di mana Dusun Selatan, Tengah, Utara berada.

Kaki halaman berupa bilah hijau hutan berisi ucapan terima kasih dan tanda tangan panitia bergaya stempel, ditutup garis potong putus-putus seperti lembar formulir. Tidak ada tombol biru, tidak ada gradient blob, tidak ada kartu mengambang — hanya kertas, tinta, garis tebal, dan satu warna panas yang menandai tenggat.

8. Interaction Model & Motion Direction

Interaction Model: Static Motion Tempo: restrained Hero Dimensionality: flat

Landing Hero Motion Brief

• Focal subject: panel kraft penuh lebar yang berfungsi sebagai baliho — judul raksasa "PANITIA PEMILIHAN BPD DESA TAHELE" di kiri dan panel kertas label dengan angka "00.00" oranye bara di kanan.
• Input → transformation → outcome: saat halaman masuk, bilah tenggat oranye bara "dicap" turun dengan easing cepat 180ms lalu berhenti; setelah itu blok-blok wilayah muncul berurutan 60ms satu per satu dengan geser vertikal 12px, bukan fade lembut. Hasilnya adalah baliho yang tersusun seperti cap stempel — sekali jadi, lalu diam.
• Motion vocabulary: stempel dan cap — gerakan satu kali, kokoh, tanpa loop dekoratif. Hover pada blok wilayah menebalkan bingkai dari 3px ke 5px tanpa menggeser tata letak.
• Composed first frame: baris identitas tipis di paling atas, panel judul raksasa dengan ikon cap papan pengumuman, panel kertas label "00.00" di kanan, dan bilah tenggat oranye bara tepat di bawahnya dengan strip hazard tipis di tepi atas.
• Reduced-motion state: pada prefers-reduced-motion, semua blok tampil seketika tanpa geser dan tanpa cap; tidak ada konten yang hilang dan seluruh teks tetap terbaca utuh.

9. Non-Functional Requirements

NFR-1 — Keterbacaan luar ruang. Setiap nama calon dan label wilayah harus terbaca penuh dalam satu baris tanpa dipotong atau dikecilkan di bawah batas baca luar ruang. Provenance: explicit (arahan kreatif). Rationale: baliho dibaca dari jarak beberapa meter di jalan desa.

NFR-2 — Teks dan kontrol utuh di setiap viewport. Judul, label, angka, dan kontrol tetap seluruhnya di dalam viewport dan kontainernya pada 375px, 768px, dan 1280px, membungkus atau menskalakan (misalnya font-size: clamp(...)) agar muat; tidak ada elemen lain yang menutupi bagian mana pun darinya. Provenance: explicit (arahan kreatif). Rationale: pengumuman resmi tidak boleh kehilangan satu nama pun.

NFR-3 — Aksesibilitas gerak. Dengan prefers-reduced-motion, sediakan susunan statis yang tetap dapat digunakan: blok ditampilkan seketika tanpa geser dan tanpa cap. Provenance: explicit (arahan kreatif).

NFR-4 — Akses publik tanpa login. Halaman dapat dibuka siapa pun tanpa identitas, sesi, atau hak akses. Provenance: explicit (Planning Scope: access_requirement: none). Rationale: tidak ada state pribadi atau komitmen yang perlu terikat pada peserta tertentu.

NFR-5 — Kesetiaan isi. Nama-nama bakal calon dan pengelompokan wilayah/kursi tidak boleh diubah dari teks sumber. Provenance: explicit (hard constraint).

NFR-6 — Ketepatan tenggat. Batas waktu yang ditampilkan adalah Jumat, 9 Oktober 2026 pukul 00.00. Provenance: explicit (hard constraint).

NFR-7 — Tanpa loop dekoratif. Gerakan hanya terjadi satu kali dan berhenti seperti cap; tidak ada animasi berulang. Provenance: explicit (arahan kreatif).

10. Tech Stack

• Frontend: React (satu halaman publik, tanpa routing tambahan).
• Styling: CSS dengan token warna dan tipografi dari Bagian 6; font Alfa Slab One dan Barlow Semi Condensed dimuat sebagai webfont.
• Backend: tidak diperlukan — tidak ada data dinamis, autentikasi, atau state yang harus disimpan.
• Penyimpanan: tidak diperlukan.
• Kontainerisasi: tidak diperlukan untuk cakupan saat ini.

[Default — not specified by user] untuk pilihan React dan ketiadaan backend; seluruh keputusan visual dan isi berasal dari sumber pengguna.

11. Assumptions and Constraints

Asumsi

1. [Default — not specified by user] Halaman disajikan sebagai satu halaman web statis tanpa backend, karena seluruh isi baliho bersifat tetap.
2. [Default — not specified by user] Font Alfa Slab One dan Barlow Semi Condensed tersedia sebagai webfont.
3. [Default — not specified by user] Halaman diuji pada lebar 375px, 768px, dan 1280px.

Kendala

1. Isi baliho harus sesuai teks sumber: nama-nama bakal calon dan pengelompokan wilayah/kursi tidak boleh diubah. (explicit)
2. Batas waktu yang ditampilkan: Jumat, 9 Oktober 2026 pukul 00.00. (explicit)
3. Nama calon dan label wilayah tidak boleh dipecah, dipotong, atau dikecilkan hingga tidak terbaca utuh. (explicit, arahan kreatif)
4. Latar putih bersih atau abu-abu netral, biru/indigo sebagai warna utama atau aksen, font Inter/Roboto/Arial/Helvetica/Poppins/system-ui, kartu bersudut membulat besar dengan bayangan lembut, gradient blob, glow neon, panel kaca, foto stok orang berjabat tangan, dan animasi berulang dilarang. (explicit, arahan kreatif)
5. Cakupan saat ini hanya desain baliho; pendaftaran calon, verifikasi berkas, pemungutan suara, penghitungan suara, dan pengelolaan data kependudukan berada di luar cakupan. (explicit, batas sumber)

12. Glossary

• BPD — Badan Permusyawaratan Desa; lembaga yang anggotanya dipilih melalui pemilihan desa.
• Baliho — papan pengumuman berukuran besar untuk dipasang di luar ruang dan dibaca dari jarak beberapa meter.
• Bakal calon — nama yang terdaftar sebagai calon anggota BPD sebelum penetapan.
• Dusun — pembagian wilayah di dalam desa; di sini Dusun Selatan, Dusun Tengah, dan Dusun Utara.
• Kursi — jumlah jabatan anggota BPD yang diperebutkan pada suatu kelompok wilayah atau keterwakilan gender.
• Keterwakilan gender — kelompok bakal calon yang disediakan untuk keterwakilan gender, dengan dua kursi.
• Pendaftaran Tahap II — tahap pendaftaran bakal calon yang ditutup pada Jumat, 9 Oktober 2026 pukul 00.00.
• Panitia Pemilihan BPD Desa Tahele — penyelenggara dan penyampai pengumuman resmi pemilihan BPD Desa Tahele.
• Warga Desa Tahele — pembaca baliho yang menjadi sasaran pengumuman.