Skip to content
Bahasa: Bahasa Indonesia

Page Builder

Desain: warna, latar belakang, dan font

Diperbarui 1 November 2026 4 menit baca

Preset, warna, latar belakang berupa gambar, gradasi, atau video, gaya tombol, font, dan permukaan di belakang konten di tab Tema.

Di tab “Tema” pada builder Anda mengatur tampilan seluruh halaman: warna, latar belakang, bentuk tombol, dan font. Semua perubahan kecuali CSS kustom otomatis tersimpan ke draf setelah sekitar 2 detik dan tayang saat Anda memublikasikan berikutnya.

Tab ini tersusun dari atas ke bawah: “Templat”, “Preset”, “Warna”, “Latar belakang”, “Permukaan di belakang konten”, “Gaya tombol”, “Font”, dan “CSS kustom”. Templat punya artikel tersendiri.

Tab Tema dengan kisi templat dan awal bagian preset
Tab Tema dimulai dengan templat dan preset

Preset

Preset adalah kombinasi warna siap pakai. Satu klik sekaligus menyetel warna latar belakang, warna teks, warna tombol, dan gaya tombol, serta mereset warna teks tombol Anda sendiri. Ada 16 preset: Classic, Midnight, Harbor, Ocean, Forest, Sunset, Rose, Slate, Mono, Frost, Lavender, Amber, Charcoal, Mint, Crimson, dan Sand. Preset yang aktif ditandai selama Anda tidak mengubah salah satu dari keempat nilai tersebut.

Warna

Empat warna dasar, masing-masing dengan pemilih warna dan nilai hex (tanpa transparansi):

“Latar belakang”
Warna latar belakang halaman; juga dipakai jika jenis latar belakangnya “Warna”.
“Warna teks”
Warna untuk nama, bio, dan teks.
“Warna tombol”
Warna tombol tautan dan warna bawaan untuk tombol di blok.
“Teks tombol”
Teks pada tombol. Tanpa pilihan sendiri, warna yang mudah dibaca di atas warna tombol dipilih otomatis.

Nilai yang ditampilkan selalu nilai yang sedang berlaku, meskipun berasal dari templat. Banyak blok punya kolom warna sendiri di “Opsi tampilan”. Selama menampilkan “Default (dari tema)”, kolom itu mengikuti warna-warna ini.

Latar belakang

Tombol “Warna”, “Gambar”, “Gradasi”, dan “Video” menentukan jenis latar belakang halaman. Saat Anda beralih, builder mengingat nilai jenis lainnya selama Anda tetap berada di builder.

Tab Tema, bagian Latar belakang dengan opsi Warna, Gambar, Gradasi, dan Video, di bawahnya gaya tombol dan font
Latar belakang, gaya tombol, dan font

Warna

Halaman memakai warna “Latar belakang” dari bagian “Warna”.

Gambar

“Gambar desktop”
Latar untuk layar besar, 1920 × 1080 px.
“Gambar seluler”
Opsional, potret 1080 × 1920 px. Jika kosong, tertulis “sama seperti desktop”, dan gambar desktop yang dipakai.

“Pilih” membuka aset Anda, “Kelola ↗” membuka halaman aset, “Hapus” mengeluarkan gambar. Jika gambar tidak tepat seukuran target, alat pangkas terbuka dan gambar hasil pangkasan disimpan sebagai aset baru. Selengkapnya di Gambar di Page Builder.

Gradasi

“Warna awal” dan “Warna akhir”
Dua warna gradasi.
“Sudut”
Arah dari 0 sampai 355 derajat dengan langkah 5.
“Preset”
Gradasi siap pakai: Indigo, Sunset, Ocean, Forest, Berry, dan Midnight.

Video

“Video desktop”
Tautan langsung ke file video (.mp4 atau .webm), atau “Pilih video” dari aset video Anda.
“Video seluler”
Opsional, mis. file yang lebih kecil untuk data seluler. Jika kosong, video desktop yang dipakai.

Video diputar tanpa suara dan berulang, tanpa kontrol. Bagi pengunjung yang menyalakan pengurangan gerak di pengaturan sistemnya, video disembunyikan. Disarankan file hingga 8 MB dalam format MP4 atau WebM.

Opasitas lapisan

Untuk gambar, gradasi, dan video, penggeser dari 0 sampai 80% memberi lapisan penggelap di atas latar belakang agar teks lebih mudah dibaca.

Latar belakang halaman berupa gambar, gradasi, atau video menggantikan gambar latar templat. Slot gambar templat lalu menampilkan catatan tentang hal ini. Dengan “Warna”, gambar templat terlihat lagi.

Permukaan di belakang konten

Membuat teks mudah dibaca di atas gambar, gradasi, atau video latar:

“Mati”
Tanpa permukaan; konten langsung berada di atas latar belakang.
“Seluruh konten”
Satu kartu di belakang seluruh konten.
“Per blok”
Kartu terpisah di belakang profil dan di belakang setiap blok.
“Solid” atau “Transparan”
Muncul begitu permukaan dinyalakan. Transparan membiarkan latar belakang terlihat menembus.

Pengaturan ini tidak berpengaruh pada templat Business Card.

Gaya tombol

GayaSudut tombol tautan
MembulatSedikit membulat, 12 px
KapsulSepenuhnya bulat
PersegiHampir persegi, 4 px

Gaya tombol adalah bawaannya. Anda bisa menimpanya di blok Tautan dan per tautan (“Radius sudut” di kedua tempat).

Font

Anda bisa memilih dari DM Sans, Figtree, Sora, Plus Jakarta Sans, Raleway, Inter, Poppins, Montserrat, Nunito, Outfit, Space Grotesk, dan “Default sistem” (font bawaan perangkat). Baris “Aa — Rubah cokelat yang gesit.” menampilkan pratinjaunya.

LinkHarbor menyajikan semua font sendiri. Browser pengunjung Anda tidak memuat apa pun dari Google Fonts atau server pihak ketiga lainnya untuk itu.

Pengaturan mana yang berlaku

Warna dan bentuk disempurnakan dari luar ke dalam:

  1. Templat: gaya dasar dan warna bawaan
  2. Tab Tema: warna, latar belakang, gaya tombol, dan font untuk seluruh halaman
  3. Opsi tampilan blok: warna dan bentuk untuk blok tersebut
  4. Tampilan tautan satu per satu: lebih diutamakan daripada semua nilai lain
  5. CSS kustom: untuk apa pun yang tidak dicakup kontrol yang ada

Cara menyempurnakan dengan CSS sendiri dijelaskan di CSS kustom.

Tidak menemukan jawabannya?

Beri tahu kami apa yang Anda perlukan, dan tim dukungan kami akan membantu Anda secara langsung.

Hubungi dukungan