01 / EDITOR VISUAL
Susun dari elemen, bukan tebakan.
Tambahkan heading, teks, gambar, tombol, container, divider, atau spacer. Atur gaya dan jarak, lalu lihat bagaimana semua bagian membentuk satu halaman.
WEBSITE EDITOR UNTUK ANDROID
Susun website.
Dari HP kamu.
Atur halaman lewat editor visual, cek layout di berbagai ukuran layar, lalu ekspor berkas website saat siap.
Distribusi APK melalui Google Drive · bukan melalui Play Store.
BUAT SESUAI KEBUTUHAN, BUKAN SEKADAR IKUT TEMPLATE.
sitebuilder / preview
Interactive
lumen.
INDEPENDENT CREATIVE STUDIO
Make room
Make room
for good ideas.
Thoughtful design for people building something that matters.
Explore the work ↗
Pilih gaya. Lihat hasilnya berubah.
CONTOH GAYA WEBSITEBUKAN SCREENSHOT APLIKASI ↗
ALURNYA SEDERHANA
01Susun halaman
02Periksa layout
03Ekspor berkas
01 FITUR INTI
Detail kecil.
Struktur yang jelas.
Kontrol yang berguna, bukan panel penuh tombol yang cuma terlihat canggih. Mulai dari isi halaman sampai detail layout.
Lihat simulasi ↗02 / RESPONSIVE
Periksa di ukuran berbeda.
Gunakan viewport mobile, tablet, dan desktop untuk menyempurnakan layout yang didukung sebelum berkas diekspor.
03 / KOMPONEN
Mulai dari bagian yang dibutuhkan.
Pilih section dan komponen dari library untuk menyusun struktur awal, lalu ubah kontennya agar sesuai tujuan website kamu.
04 / MULTI-PAGE
Satu proyek, beberapa halaman.
Atur halaman dalam satu proyek dan siapkan tautan ant halaman yang sesuai dengan struktur website.
02 COBA SENDIRI
Lihat satu ide
di ukuran berbeda.
Ini simulasi visual untuk memperlihatkan bagaimana contoh website menyesuaikan area tampilan. Bukan screenshot persis antarmuka aplikasi.
LIVE WEBSITE PREVIEW1280 × 720
lumen.
A BETTER WAY TO WORKSmall teams.
Small teams.
Good work.
A thoughtful space to make meaningful things, one day at a time.
Explore the studio ↗BUILT WITH INTENTIONEST. 2026
03 TEMPLATE
Pilih titik awal.
Bentuk sisanya.
Template membantu menyusun halaman pertama. Konten, warna, dan detailnya tetap perlu disesuaikan dengan proyek kamu.
6 template bawaanNoir
Portofolio gelap untuk karya video, motion, dan visual.
01 / 06
Lumen
Halaman produk dengan fitur, langkah, harga, dan FAQ.
02 / 06
Harbor & Co.
Website bisnis tiga halaman: beranda, layanan, kontak.
03 / 06
Paper
Website personal satu kolom dengan profil dan tulisan.
04 / 06
Bio
Halaman ringkas untuk tautan sosial, karya, dan toko.
05 / 06
Notebook
Blog untuk artikel, catatan, topik, dan halaman penulis.
06 / 06
Tidak ada template di kategori ini.
Semua contoh memakai nama dan konten demo. Sesuaikan dengan informasi milikmu sebelum website dipublikasikan.
04 CARA KERJA
Dari proyek kosong
ke berkas website.
Tiga tahap untuk memulai. Detail hasil akhirnya tetap bergantung pada konten, layout, dan pengujian yang kamu lakukan.
01 START
START
WITH A
BASE.+
WITH A
BASE.+
Pilih titik awal
Buat proyek atau mulai dari template yang mendekati kebutuhanmu.
02 SHAPE
SECTION
↖
Atur dan periksa
Ubah konten dan gaya, lalu cek tampilan pada ukuran layar yang didukung.
03 EXPORT
HTMLindex.html✓
CSSstyles.css✓
IMGassets/✓
ZIP ↓
Ekspor berkasnya
Simpan ZIP berisi HTML, CSS, dan gambar yang digunakan untuk dilanjutkan di luar aplikasi.
05 HASIL EKSPOR
Website-mu.
Berkasnya juga.
Ekspor menghasilkan website statis dalam ZIP. Kamu bisa memeriksa file, mengedit kode dengan alat lain, atau mengunggahnya ke layanan hosting pilihanmu.
HTMLStruktur halaman
CSSGaya dan layout
AssetsGambar yang digunakan
Ekspor tidak otomatis menerbitkan website ke internet. Hosting dan domain, bila diperlukan, disiapkan terpisah.
site-export/FOLDER
index.htmlHTML
about.htmlHTML
styles.cssCSS
assets/MEDIA
Contoh struktur, nama file dapat berbedaSTATIC SITE
06 RUANG LINGKUP
Jelas sejak
awal.
Supaya kamu tahu apa yang bisa dilakukan aplikasi dan mana yang perlu disiapkan terpisah.
DI DALAM SITE BUILDERDI LUAR APLIKASI
✓ Edit konten dan properti elemen↗ Hosting dan pengaturan domain
✓ Template dan library komponen↗ Deploy hasil ekspor ke internet
✓ Preview viewport responsif↗ Uji hasil ekspor di target browser
✓ Penyimpanan proyek lokal↗ Cloud sync dan kolaborasi online
07 DISTRIBUSI APLIKASI
Ambil aplikasinya.
Lewat Google Drive.
Site Builder dibagikan sebagai APK melalui folder Google Drive. Buka foldernya, pilih file APK yang tersedia, lalu unduh ke perangkat Android.
Buka folder unduhanTautan ini membuka folder Google Drive, bukan unduhan file otomatis. Jika akses ditolak, pengelola perlu mengatur folder agar bisa dilihat siapa pun yang memiliki link.
Folder distribusiGoogle Drive · Site Builder
APK01
Buka folder Drive
Lihat file APK yang tersedia di folder distribusi.
02
Unduh file APK
Pilih file aplikasi yang ingin dipasang dan selesaikan proses unduhan.
03
Ikuti instruksi Android
Jika diminta, izinkan instalasi untuk aplikasi yang digunakan membuka file. Lanjutkan hanya jika sumber dan nama file sesuai.
APK dipasang di luar Play Store. Android dapat menampilkan peringatan keamanan untuk aplikasi dari sumber eksternal.
08 FAQ
Yang perlu
kamu tahu.
Jawaban tanpa menyembunyikan bagian yang penting.
Apa itu Site Builder?
Site Builder adalah aplikasi Android untuk menyusun halaman website dengan editor visual, mengatur layout yang didukung, melihat preview, dan mengekspor file website.
Di mana saya mengunduh APK?
APK dibagikan melalui folder Google Drive yang ditautkan pada bagian Unduh. Tautan website membuka folder tersebut; pilih file APK di dalamnya untuk mengunduh.
Kenapa tidak tersedia di Play Store?
Saat ini distribusi dilakukan melalui Google Drive sebagai file APK. Karena pemasangan dilakukan di luar Play Store, periksa sumber file dan ikuti peringatan Android dengan hati-hati.
Bagaimana cara mendapatkan pembaruan?
Kunjungi kembali folder Google Drive yang sama untuk mengunduh rilis terbaru yang tersedia. Pengelola dapat memperbarui versi file di Drive tanpa harus mengganti tautan folder pada website.
Website langsung online setelah diekspor?
Tidak. Ekspor menghasilkan ZIP berisi berkas website. Untuk membuatnya bisa diakses publik, unggah hasilnya ke layanan hosting. Domain bisa ditambahkan jika kamu membutuhkannya.
File apa saja yang ada di dalam ZIP?
Hasil ekspor mencakup halaman HTML, stylesheet CSS, dan gambar yang dapat disertakan. JavaScript kustom bukan bagian dari output ekspor saat ini.
Bisa mengatur layout mobile dan desktop?
Editor menyediakan viewport mobile, tablet, dan desktop serta pengaturan responsif yang didukung. Tetap periksa hasil ekspor pada browser dan ukuran layar yang kamu targetkan.
Apakah proyek tersimpan di cloud?
Proyek disimpan di perangkat. Sinkronisasi cloud dan pengeditan bersama bukan fitur yang tersedia saat ini, jadi siapkan cadangan berkas proyek sesuai kebutuhan.
Bisakah hasil ekspor diedit lagi?
Ya, file HTML dan CSS dapat dibuka dengan editor kode yang sesuai. Perubahan manual setelah ekspor dikelola di luar aplikasi dan tidak otomatis disinkronkan kembali.
SB / 01SEKARANG GILIRANMU
Mulai dengan struktur.
Rapikan dengan tujuan.
Rancang halaman sesuai kebutuhan, lalu periksa hasilnya sebelum memilih cara menerbitkannya.