Payly
Sign in Start building Dashboard

Atur warna, jenis huruf, dan tata letak

Gunakan tab Desain situs untuk mengatur warna, jenis huruf, ukuran teks, dan kelengkungan sudut toko Anda sekali saja, untuk semua halaman sekaligus.

Desain situs memuat pengaturan yang membuat seluruh toko Anda tampil sebagai satu merek: warnanya, jenis hurufnya, ukuran teksnya, dan kelengkungan sudutnya. Anda mengatur masing-masing sekali, dan setiap halaman mengikutinya. Blok tertentu tetap bisa mengganti pengaturan ini jika Anda menginginkannya.

Buka Desain situs

  1. Buka editor. Lihat Sekilas tentang editor.
  2. Di panel pengaturan sebelah kanan, klik tab Desain situs.
  3. Klik judul untuk membukanya: Identitas, Warna, Tipografi, atau Tata letak.

Perubahan langsung terlihat di halaman dan disimpan otomatis. Toko Anda yang sudah tayang akan berubah saat Anda mempublikasikannya.

Warna

Buka Warna untuk melihat tujuh warna yang menjadi dasar setiap halaman.

Grup Warna di Desain situs dengan warna Aksen, Teks di atas aksen, Latar belakang halaman, Permukaan, Teks, Teks sekunder, dan Garis tepi, serta pesan bahwa semua pasangan warna mudah dibaca
  • Aksen: warna utama toko Anda. Tombol dan tautan memakainya.
  • Teks di atas aksen: warna kata-kata di atas aksen, misalnya tulisan pada tombol.
  • Latar belakang halaman: warna di belakang halaman Anda.
  • Permukaan: warna kartu dan panel, misalnya kartu produk dan kotak formulir.
  • Teks: warna judul dan teks utama lainnya.
  • Teks sekunder: warna yang lebih lembut untuk teks paragraf, deskripsi, dan tulisan kecil.
  • Garis tepi: warna garis tipis dan bingkai.

Pilih warna

  1. Klik kotak warna.
  2. Di pemilih warna yang terbuka, lakukan salah satu hal berikut:
    • Klik atau seret di kotak besar untuk mengatur seberapa terang dan pekat warnanya, lalu seret jalur warna di bawahnya untuk mengubah warnanya.
    • Ketik atau tempel kode hex, misalnya #2B2622, di kotak.
    • Klik contoh di bawah Warna tema untuk memakai ulang warna yang sudah Anda miliki, atau contoh di bawah Terakhir dipakai untuk warna yang baru saja Anda pilih.
    Pemilih warna terbuka di bawah Aksen, dengan kotak warna, jalur warna, kotak kode hex, warna tema, dan satu warna terakhir dipakai
  3. Klik di luar pemilih, atau tekan Esc, untuk menutupnya.

Periksa apakah teks Anda mudah dibaca

Di bawah ketujuh warna, Payly memeriksa apakah setiap warna teks mudah dibaca di atas warna latar belakangnya. Jika semuanya baik-baik saja, Anda melihat Semua pasangan warna mudah dibaca. Jika sebuah pasangan terlalu pudar, daftar akan menyebutkannya, menampilkan rasio kontrasnya dan berapa banyak yang masih kurang, serta menawarkan tombol Perbaiki yang menyesuaikan warna teks untuk Anda.

Peringatan kontras yang mencantumkan Teks sekunder di halaman dan Teks sekunder di kartu, masing-masing dengan rasionya dan tombol Perbaiki

Payly tidak menghalangi Anda memilih pasangan dengan kontras rendah, tetapi teks abu-abu muda di atas latar belakang terang sulit dibaca, apalagi di ponsel yang terkena sinar matahari.

Tipografi

Buka Tipografi untuk memilih jenis huruf dan ukuran teks Anda.

Grup Tipografi dengan Jenis huruf isi, Ukuran huruf dasar, Tinggi baris isi, Jenis huruf judul, Ukuran judul, Ketebalan judul, dan Jarak huruf judul
  • Jenis huruf isi: jenis huruf untuk paragraf, menu, dan tombol.
  • Ukuran huruf dasar: ukuran teks biasa.
  • Tinggi baris isi: jarak antarbaris teks. Angka yang lebih besar memberi ruang lebih lega.
  • Jenis huruf judul: jenis huruf untuk judul. Pilih Gunakan jenis huruf situs agar judul ikut memakai jenis huruf isi.
  • Ukuran judul: membuat semua judul lebih besar atau lebih kecil, dalam persen.
  • Ketebalan judul: seberapa tebal huruf judul.
  • Jarak huruf judul: merapatkan atau merenggangkan jarak antarhuruf pada judul.

Pilih jenis huruf

  1. Klik kotak Jenis huruf isi atau Jenis huruf judul.
  2. Gulir daftar, yang menampilkan setiap nama dengan jenis hurufnya sendiri. Grup Direkomendasikan di bagian atas berisi jenis huruf yang cocok untuk sebagian besar toko.
    Daftar jenis huruf dengan kotak pencarian dan grup Direkomendasikan: Inter, DM Sans, Work Sans, Manrope, dan lainnya
  3. Untuk mencari jenis huruf berdasarkan nama, ketik di Cari jenis huruf….
  4. Klik jenis huruf untuk memakainya.

Daftar ini mencakup seluruh pustaka Google Fonts. Jenis huruf yang Anda pakai disertakan di toko Anda saat Anda mempublikasikan. Jika sebuah jenis huruf tidak ada di daftar, ketik nama persisnya di Google Fonts ke kotak pencarian, lalu pilih di bawah Tetap gunakan.

Tata letak

Buka Tata letak untuk dua pengaturan:

  • Radius sudut mengatur seberapa bulat sudut tombol, kartu, dan gambar. Geser ke 0 untuk sudut tajam dan ke kanan untuk sudut lembut. Blok yang radius sudutnya diatur ke Otomatis akan mengikuti pengaturan ini.
  • Arah teks adalah Kiri ke kanan untuk sebagian besar bahasa. Kanan ke kiri membalik seluruh tata letak untuk bahasa Arab, Ibrani, Persia, dan Urdu.

Identitas

Buka Identitas untuk mengatur Ikon peramban, gambar kecil yang tampil di tab peramban. Gunakan tanda sederhana, bukan seluruh logo Anda, karena ikon ini hanya tampil sekitar 16 piksel. Klik Unggah gambar atau Telusuri unggahan, seperti dijelaskan di Menambahkan gambar dan menggunakan pustaka media. Jika Anda membiarkannya kosong, logo Anda dipakai.

Logo Anda tidak ada di sini. Logo berada di header Anda, tempat logo itu ditampilkan. Lihat Sesuaikan header dan footer Anda.

Ubah satu blok saja

Setiap blok teks, judul, dan tombol dapat mengganti jenis huruf, ukuran, dan warna situs. Pilih blok tersebut lalu buka grup Tipografi atau Tampilan. Lihat Edit teks, judul, dan tombol.

Tips: Jika Anda ingin tampilan yang sama sekali berbeda, Anda bisa mulai dari salah satu desain siap pakai. Lihat Beralih ke desain situs lain.

Artikel terkait

Last updated 2026-10-16
Back to the help center

We use only the cookies needed to keep you signed in, plus first-party analytics. No advertising cookies, no third-party trackers, and we never sell your data.