// Landing page
Desain Landing Page Sederhana yang Tetap Menjual
Desain sederhana bekerja karena membuang gangguan, bukan karena membuang isi. Baca aturan jarak, tipografi, warna, dan batas yang perlu dijaga.
Desain sederhana bekerja karena membuang gangguan, bukan karena membuang isi. Halaman yang menghapus bukti dan harga demi tampilan bersih akan kehilangan pembaca pada blok keputusan.
Empat aturan yang dapat Anda terapkan hari ini
| Aturan | Nilai praktis | Alasan |
|---|---|---|
| Jarak antar blok | 48 sampai 96 piksel | Mata memerlukan jeda untuk membaca blok sebagai kesatuan. |
| Ukuran teks isi | 16 sampai 18 piksel | Teks kecil memaksa pembaca memperbesar layar. |
| Jumlah keluarga font | 1 sampai 2 | Setiap font tambahan memperlambat halaman. |
| Warna aksen | 1 warna | Warna aksen menandai tindakan, bukan menghias. |
Hierarki: apa yang dibaca lebih dulu
Geser diagram ke samping
Yang boleh dibuang dan yang tidak
Geser diagram ke samping
Kontras dan keterbacaan
WCAG 2.2 meminta kontras teks paling rendah 4,5 banding 1 untuk teks biasa. Warna abu muda di atas putih sering gagal pada ambang itu, walaupun terlihat rapi pada layar desainer.
Tanya jawab
Apakah halaman panjang bertentangan dengan desain sederhana? Tidak. Sederhana berarti setiap blok memuat 1 gagasan. Halaman panjang yang rapi lebih mudah dibaca daripada halaman pendek yang padat.
Apakah animasi perlu dihapus semua? Pertahankan animasi yang menjelaskan perubahan keadaan. Hapus animasi yang hanya menunda tampilnya isi.
Berapa gambar yang wajar? Pakai gambar yang menjelaskan produk, proses, atau hasil. Gambar stok tanpa hubungan dengan penawaran hanya menambah berat halaman.
// referensi
Sumber resmi
Kami memeriksa setiap klaim pada halaman ini terhadap dokumen di bawah pada 11 September 2026. Buka sumbernya sebelum Anda mengubah sistem yang berjalan.
// baca berikutnya
