Terasdesa – Template Website Desa

Terasdesa adalah HTML theme website resmi desa berbahasa Indonesia dengan navigasi navbar standar yang familiar untuk semua kalangan warga. Yang membedakannya dari template desa pada umumnya adalah identitas visualnya: palet warna sawah / tanah / air dan tipografi Fraunces + Work Sans, alih-alih hijau-emas dan font yang jamak dipakai template desa lain.

Halaman

Fitur

• Bootstrap 5.3.3 (via CDN), tanpa build step
• Navbar standar (fixed-top, collapse di mobile) + top utility bar kontak & "Lapor Warga"
• Identitas visual khas: palet sawah/tanah/air, tipografi Fraunces (display) + Work Sans (body) + JetBrains Mono (data)
• Hero image carousel (Bootstrap Carousel, 3 slide)
• Statistik bergaya panel data + grafik rasio gender
• Berita featured + grid + filter kategori + pagination
• Layanan: kartu ikon + alur pengajuan 4 langkah + FAQ accordion
• Struktur organisasi: kartu sederhana dikelompokkan per tingkat jabatan
• Galeri foto: halaman tersendiri dengan filter kategori + lightbox (navigasi prev/next), plus preview di beranda
• Form pengaduan warga & kontak darurat
• Animated counter, AOS scroll animation, back to top
• CSS Custom Properties (mudah ganti warna/branding)
• Fully responsive – mobile first
• No jQuery

Warna

--sawah:  #2F4B3C  /* Hijau sawah — warna utama */
--tanah:  #B15E30  /* Terakota — aksen CTA/interaktif */
--air:    #3E6C74  /* Teal air — aksen jalur irigasi & data */

Untuk ganti warna tema, edit variabel di bagian :root pada assets/css/style.css.

Dependensi (CDN)

Bootstrap       5.3.3
Bootstrap Icons 1.11.3
AOS             2.3.4
Google Fonts    Fraunces (display), Work Sans (body), JetBrains Mono (data)

Semua dependensi dimuat via CDN — tidak perlu instalasi npm.

Struktur Folder

terasdesa/
├── index.html
├── profil.html
├── layanan.html
├── berita.html
├── berita-detail.html
├── galeri.html
├── kontak.html
└── assets/
    ├── css/
    │   └── style.css
    ├── js/
    │   └── main.js
    └── images/
        └── screenshot.png

Cara Penggunaan

1. Download folder terasdesa/
2. Buka index.html di browser
3. Edit nama desa, kecamatan, kabupaten di seluruh file HTML
4. Ganti warna di :root CSS untuk branding desa sendiri
5. Update konten: statistik, sambutan kades, berita, struktur organisasi
6. Ganti koordinat pada .map-plate di kontak.html dengan lokasi desa yang tepat

Target pengguna: Pemerintah Desa, Kelurahan, Kecamatan, Lembaga Desa (BPD, LPMD), dan developer yang ingin menjual/menggunakan tema desa dengan identitas visual berbeda dari template pasaran.