Kembali ke Beranda

Template Website

Kumpulan contoh/template website sederhana yang bisa dilihat langsung demonya di bawah ini.

46 template ditemukan
Firma Hukum / Konsultan Legal Kecil — Wijayakusuma & Rekan
Firma Hukum / Konsultan Legal Kecil

Firma Hukum / Konsultan Legal Kecil — Wijayakusuma & Rekan

Template firma hukum kecil-menengah "Wijayakusuma & Rekan" — arketipe Corporate Institutional Directory (implementasi kelima, setelah "Aqua Directory", "ORISA Directory", "GrahaKarya Directory" & "Cendekia Directory"). Genuinely multi-page HTML (11 halaman terpisah): Beranda, Tentang Kami & Visi Misi, Bidang Hukum, Detail Bidang Hukum, Direktori Advokat (search+filter bidang hukum), Cek Kebutuhan Hukum Anda (kuis rekomendasi), Artikel Hukum, Detail Artikel, FAQ, Galeri, Hubungi Kami. Navbar dropdown informasi (Bidang Hukum/Tim Advokat/Tentang), hero visi-misi firma, direktori advokat dengan badge PERADI & rekam jejak menang/berdamai, insight hukum kronologis, dan formulir Jadwalkan Konsultasi (tatap muka/daring). Fitur khas: kuis interaktif "Cek Kebutuhan Hukum Anda" (2 langkah: jenis masalah -> urgensi -> rekomendasi bidang hukum & advokat), genuinely baru dibanding 4 implementasi arketipe ini sebelumnya. Palet "Navy & Burgundy Prestige" (navy + burgundy + gold di atas ivory hangat), tipografi Libre Baskerville + Public Sans, tombol sharp-cornered. Semua advokat, kasus, dan testimoni bersifat contoh (dummy).

HTML CSS JavaScript
Lihat Demo
Toko Furniture & Interior — Wovena Living
Toko Furniture & Interior

Toko Furniture & Interior — Wovena Living

Template toko furniture & interior "Wovena Living" — arketipe Marketplace Mega-Menu & Rekomendasi (implementasi ketujuh, setelah "Harvest Market Hub", "Fresh Hub", "PrimaLand Realty", "Nirwana Stay", "Sajian Boga" & "TrustOto Hub"). Genuinely multi-page HTML (9 halaman terpisah): Beranda, Tentang Kami, Katalog Furniture, Detail Produk, Galeri Inspirasi, Artikel, Detail Artikel, FAQ, Hubungi Kami. Search bar permanen di header (ruangan/kategori), mega-menu matriks Ruang Tamu/Kamar Tidur/Dapur/Kantor/Outdoor x Sofa/Meja/Lemari/Kursi/Tempat Tidur, 3 baris horizontal-scroll (Set Ruang Tamu Terlaris/Rekomendasi Apartemen Studio/Promo Akhir Tahun), sticky facet filter sidebar (budget/material/tipe furniture), badge Bisa Cicilan/Gratis Ongkir Kota/Custom Ukuran. Fitur khas: Kalkulator Kesesuaian Ruang (panjang x lebar ruangan x gaya furniture -> luas ruangan, kategori ukuran, rekomendasi set furniture yang muat, dan estimasi total harga Rupiah dihitung matematis), genuinely baru dibanding 6 implementasi arketipe ini sebelumnya. Palet custom "Warm Oak & Sage" (walnut brown + sage green + mustard gold di atas krem hangat), tipografi Bitter + Inter, tombol rounded. Seluruh produk, artikel, dan testimoni bersifat contoh (dummy).

HTML CSS JavaScript
Lihat Demo
Klinik Kecantikan / Estetika — Lumira Bento
Klinik Kecantikan / Estetika

Klinik Kecantikan / Estetika — Lumira Bento

Template klinik kecantikan & estetika "Lumira Aesthetic Clinic" — arketipe Social/App Landing Bento (implementasi ketujuh, setelah "Bento Funhub", "App Loyalty", "Progress Hub", "VOKA Studio - Booking Bento" & "VitaPaw Bento"). Genuinely multi-page HTML (10 halaman terpisah): Beranda, Tentang Kami, Treatment & Layanan, Detail Treatment, Direktori Dokter Estetika, FAQ, Galeri Before/After, Artikel, Detail Artikel, Hubungi Kami. Hero mockup aplikasi analisa kulit & pelacak progres treatment (bukan kalender booking ala VOKA atau rekam medis hewan ala VitaPaw), bento grid 6 fitur (Konsultasi Dokter Estetika Online, Booking Jadwal Treatment, Member Skincare Rewards, Riwayat Treatment Digital, Katalog Produk Skincare Rekomendasi Dokter, Program Treatment Bulanan). Fitur khas: Analisa Kulit / Skin Quiz interaktif (jenis kulit x keluhan utama -> rekomendasi treatment & rangkaian skincare, genuinely baru dibanding time-slot picker/nutrition calculator/progress simulator implementasi sebelumnya). Direktori dokter estetika berfilter spesialisasi, before/after slider drag-compare di galeri, membership 3 tingkat Program Treatment Bulanan (Glow Basic/Plus/Premium), navbar transparent-over-hero -> solid on scroll (pola scroll baru), testimoni kutipan tunggal berputar. Palet custom "Rose Quartz & Sage" (rose clay + sage + gold hangat di atas ivory blush), tipografi Sora + Onest. Seluruh dokter, treatment, dan testimoni bersifat contoh (dummy), bukan klinik/entitas medis sungguhan.

HTML CSS JavaScript
Lihat Demo
Event Organizer (non-wedding) — LUMENSTAGE
Event Organizer (non-wedding)

Event Organizer (non-wedding) — LUMENSTAGE

Template event organizer non-wedding "LUMENSTAGE Productions" — arketipe Cinematic Game Hub (implementasi ketiga, setelah "Wonderland Arena" untuk Taman Bermain Anak & "Ironclad Surge" untuk Gym & Fitness Center), dieksekusi bertema konser/festival poster energy, kontras dari ceria-pastel Wonderland dan crimson-lime-ice intens Ironclad. Genuinely multi-page HTML (10 halaman terpisah): Beranda, Tentang Kami, Layanan, Detail Layanan, Portofolio Event, Detail Portofolio, Artikel, Detail Artikel, FAQ, Hubungi Kami — navbar/footer dimuat via fetch() partial (custom event ls:partials-ready). Hero cinematic full-bleed dengan spotlight beam overlay, tab-carousel 4 kategori event (Corporate/MICE, Konser & Festival, Product Launch, Community Gathering) dengan character-spotlight per kategori, countdown banner event besar berikutnya (ILUMINA Music Festival 2026), badge marquee client korporat (menggantikan award/rating marquee), tab paket 3 tingkat (Ignite Basic/Professional/Full Production) + tabel perbandingan fasilitas/peralatan (sound system, lighting rig, ukuran panggung, jumlah kru) menggantikan tabel spesifikasi game/membership. Fitur khas genuinely baru: Kalkulator Estimasi Budget Event (jenis event x jumlah tamu x tingkat kompleksitas -> rentang estimasi anggaran otomatis dalam Rupiah + rekomendasi paket), belum ada padanan simulator finansial event-production di template Baratie manapun. Portofolio studi kasus event (tantangan/solusi/hasil per proyek), brand fiktif "LUMENSTAGE Productions", palet custom "Stage Violet & Spotlight Gold" (violet panggung + magenta + emas spotlight di atas nyaris-hitam), tipografi Unbounded + Inter. Seluruh event, klien, dan data bersifat contoh (dummy), bukan entitas/agensi sungguhan.

HTML CSS JavaScript
Lihat Demo
Toko Alat Musik — ChordSpec Studio
Toko Alat Musik

Toko Alat Musik — ChordSpec Studio

Template toko alat musik "ChordSpec Studio" — arketipe Tech Spec Powerhouse (implementasi keempat, setelah "HydroSpec Lab" untuk Wisata Kolam Renang, "TorqueSpec Garage" untuk Bengkel Motor/Mobil, dan "VoltraSpec Hub" untuk Toko Elektronik). Backlog UMKM menyarankan Marketplace Mega-Menu, tapi dipilih Tech Spec Powerhouse secara sengaja karena arketipe itu sudah 7x dipakai sedangkan Tech Spec Powerhouse baru 3x, dan karakter alat musik (tonewood, jenis pickup, key action, wattage) lebih pas dipetakan sebagai spesifikasi teknis terukur. Genuinely multi-page HTML (10 halaman terpisah): Beranda, Tentang Kami, Produk, Detail Produk, Layanan Servis & Tuning, Galeri, Artikel, Detail Artikel, FAQ, Hubungi Kami - navbar/footer dimuat via fetch() partial (custom event cs:partials-ready). Feature-matrix 8 kapabilitas, deep-dive edukatif tonewood/pickup/key action, tier tab Pemula/Menengah/Profesional + bar chart, before/after slider hasil servis setup gitar, tabel spesifikasi sortable lintas 4 kategori (gitar/keyboard & piano/drum/DJ & audio), grid SKU varian warna/finishing. Fitur khas genuinely baru: Sound Match, radar chart SVG pembanding 6 atribut profil tonal (kehangatan/kecerahan/sustain/proyeksi/attack/resonansi) dari 2 alat musik pilihan - kontras dari tabel-diff spek "Alat Pembanding Perangkat" milik VoltraSpec Hub karena murni visual/kualitatif, bukan diff tabel mentah. Brand fiktif "ChordSpec Studio", palet custom "Tonewood & Amber" (walnut brown + burgundy varnish + gold di atas nyaris-hitam hangat), tipografi Cormorant Garamond + Karla. Seluruh produk, harga, dan data bersifat contoh (dummy), bukan entitas/toko sungguhan.

HTML CSS JavaScript
Lihat Demo
Gereja (GKE) — Warta Terhubung
Gereja / Institusi Keagamaan

Gereja (GKE) — Warta Terhubung

Portal utama Sinode GKE (Gereja Kalimantan Evangelis) yang menaungi seluruh jemaat — bukan profil 1 jemaat, melainkan situs induk untuk seluruh gereja di bawah sinode. Arketipe campuran Social Feed / Community Hub (Home & Warta Sinode kronologis 3 kolom) + Corporate Institutional Directory (Direktori Gereja dengan search+filter klasis/kota) — kombinasi baru, belum ada di template lain. Genuinely multi-page HTML (19 halaman terpisah): Beranda, Tentang Sinode, Struktur & Kepemimpinan, Direktori Gereja, Profil Gereja, Pelayanan & Departemen + Detail, Jadwal Ibadah & Kalender Liturgi, Renungan Harian + Detail, Warta Sinode + Detail, Sumbangan Pembangunan & Perbaikan Gereja + Detail Kampanye, Bantuan Kemanusiaan, Relawan & Donor Darah, Galeri Kegiatan, FAQ, Hubungi Kami — navbar (grup dropdown Profil/Pelayanan/Warta & Media/Kemanusiaan) dan footer dimuat via fetch() partial (custom event gke:partials-ready/gke:page-ready). Fitur khas: Direktori Gereja (10 jemaat dummy lintas klasis dengan search+filter+sort), Kampanye Donasi Perbaikan/Pembangunan Gereja (5 kampanye dengan progress bar & badge "Mendesak", murni UI dummy tanpa payment gateway), program Bantuan Kemanusiaan (tanggap bencana/sosial/pendidikan/kesehatan), pendaftaran Relawan & jadwal Donor Darah PMI (dummy), Warta Sinode kronologis berfilter kategori & sumber jemaat dengan pagination, kalender ibadah interaktif, dan widget Ayat Harian yang berganti otomatis per tanggal. Palet "Lambang GKE Modern" (biru royal + kuning emas + merah, diturunkan dari warna lambang GKE hitam/putih/kuning/merah/biru), seluruh ilustrasi SVG placeholder (gedung gereja, galeri kegiatan, kampanye donasi, avatar) diselaraskan ke palet ini. Karena "GKE" adalah nama sinode Protestan sungguhan, seluruh data spesifik (nama jemaat, pendeta, majelis, statistik, kampanye donasi) bersifat FIKTIF untuk keperluan demo/portofolio, dan setiap halaman mencantumkan disclaimer di footer bahwa situs ini contoh template Baratie.id, bukan situs resmi organisasi manapun, tanpa transaksi/pemrosesan pembayaran nyata. Tipografi Lora + Nunito Sans.

HTML CSS JavaScript
Lihat Demo
Warnet & Gaming Center — NeonRig Arena
Warnet & Gaming Center

Warnet & Gaming Center — NeonRig Arena

Template gaming center "NeonRig Arena" — arketipe Cinematic Game Hub (implementasi keempat, setelah "Wonderland Arena" untuk Taman Bermain Anak, "Ironclad Surge" untuk Gym & Fitness, dan "LUMENSTAGE" untuk Event Organizer — satu-satunya dari 4 implementasi yang benar-benar bisnis gaming sungguhan). Genuinely multi-page HTML (10 halaman terpisah): Beranda, Tentang Kami, Unit Rental, Detail Unit, Turnamen, Detail Turnamen, Artikel, Detail Artikel, FAQ, Hubungi Kami - navbar/footer dimuat via fetch() partial (custom event nr:partials-ready). Tab-carousel 4 tipe unit (PC Gaming Standard, PC Gaming VIP, PS5 Zone, VR Zone) dengan spotlight spek GPU/CPU/monitor, countdown live turnamen berikutnya, badge marquee sponsor hardware & publisher game, tab membership Casual/Regular/VIP + tabel perbandingan fasilitas, leaderboard hasil turnamen esports. Fitur khas genuinely baru: Kalkulator Estimasi Biaya Sewa (jam sewa x tipe unit x jumlah orang, dengan promo booking panjang otomatis 15%/25% dibandingkan diskon member, dipakai yang terbesar) - kontras dari fitur signature 3 pendahulu arketipe yang sama. Brand fiktif "NeonRig Arena", palet custom "Dark Neon" (violet-cyan-magenta di atas nyaris-hitam kebiruan), tipografi Rajdhani + Inter. Seluruh unit, harga, turnamen, dan artikel bersifat contoh (dummy), bukan entitas/usaha sungguhan.

HTML CSS JavaScript
Lihat Demo
Toko Perhiasan / Emas — Seuntai Jewellery (Bejeweled Noir)
Toko Perhiasan / Emas

Toko Perhiasan / Emas — Seuntai Jewellery (Bejeweled Noir)

Template toko perhiasan emas & berlian "Seuntai Jewellery" — arketipe Editorial Scrollytelling Premium (Luxury), implementasi keenam setelah "Roast Journal" (Cafe), "Storybook Slides" (Taman Bermain Anak), "Selaras Luxe" (Wedding Organizer), "Sekar Rasa" (Restoran Keluarga), dan "Laras Atelier" (Toko Pakaian) — dikontraskan eksplisit dari "Selaras Luxe" (sama-sama Luxury) lewat navigasi floating capsule navbar (transparan penuh lebar yang menyusut jadi pil melayang saat scroll, bukan persisten-minimal), narasi Filosofi Craftsmanship -> Proses Pembuatan -> Koleksi Signature -> Sertifikasi & Jaminan Keaslian -> Layanan Custom Design -> Testimoni -> Cara Berbelanja. Genuinely multi-page HTML (10 halaman terpisah): Beranda, Tentang Kami, Koleksi, Detail Produk, Layanan Custom Design, Galeri, Artikel, Detail Artikel, FAQ, Hubungi Kami - navbar/footer dimuat via fetch() partial (custom event sj:partials-ready). Fitur khas genuinely baru: Verifikasi Sertifikat Keaslian (kode sertifikat -> detail keaslian produk dummy) dan Kalkulator Estimasi Custom Design (jenis perhiasan x karat emas x berat x kerumitan desain x tambahan batu -> estimasi harga Rupiah otomatis). Brand fiktif "Seuntai Jewellery", palet custom "Bejeweled Noir" (onyx hitam + rose gold + champagne + aksen emerald), tipografi Prata + Mulish. Seluruh produk, harga, sertifikat, dan testimoni bersifat contoh (dummy), bukan entitas/usaha sungguhan.

HTML CSS JavaScript
Lihat Demo
Distributor/Grosir Sembako (B2B) — Sentra Pangan Nusantara
Distributor/Grosir Sembako (B2B)

Distributor/Grosir Sembako (B2B) — Sentra Pangan Nusantara

Template distributor/grosir sembako B2B "Sentra Pangan Nusantara" — arketipe Corporate Institutional Directory, implementasi keenam setelah "Aqua Directory" (Wisata Kolam Renang), "ORISA Dental Care" (Klinik Gigi), "GrahaKarya Konstruksi" (Jasa Kontraktor), "Cendekia Directory" (Sekolah/Universitas), dan "Wijayakusuma & Rekan" (Firma Hukum) — dikontraskan eksplisit lewat sudut "direktori" yang digeser ke direktori area/wilayah distribusi (bukan direktori orang seperti 5 pendahulu) dan nada B2B murni (bukan hubungan personal konsumen-penyedia jasa). Genuinely multi-page HTML (10 halaman terpisah): Beranda, Tentang Kami & Skala Usaha, Produk, Detail Produk, Area Distribusi, Jadi Mitra/Reseller, FAQ, Artikel, Detail Artikel, Hubungi Kami — navbar/footer dimuat via fetch() partial (custom event sp:partials-ready). Fitur khas genuinely baru: Kalkulator Estimasi Order Grosir (produk x jumlah karton/dus x wilayah pengiriman -> estimasi total harga + ongkos kirim + waktu kirim, multi-baris kumulatif). Harga ditampilkan per tier volume karton/dus/karung dengan MOQ (bukan harga satuan retail). Brand fiktif "Sentra Pangan Nusantara", palet custom "Warehouse Navy & Harvest Gold" (navy + harvest gold + forest green), tipografi Montserrat + Inter. Seluruh produk, harga, sertifikat, dan testimoni bersifat contoh (dummy), bukan entitas/usaha sungguhan.

HTML CSS JavaScript
Lihat Demo