Langsung ke konten utama
Pengaturan Tampilan memberi Anda kendali penuh atas tampilan workspace AgencyHandy Anda. Anda dapat menyelaraskan skema warna platform dengan identitas merek agensi Anda dengan menyesuaikan warna utama, latar belakang sidebar, warna teks sidebar, dan warna sorotan hover untuk item navigasi sidebar. Setiap perubahan yang Anda simpan langsung berlaku di seluruh workspace untuk semua pengguna — tanpa perlu menyegarkan halaman.
Hanya Super Admin dan Admin yang dapat mengakses dan memodifikasi pengaturan Tampilan. Jika Anda tidak melihat opsi ini di Workspace Config, minta Super Admin Anda untuk meninjau peran Anda.

​
Mengakses Pengaturan Tampilan

1

Buka Workspace Config

Dari menu navigasi kiri, klik Workspace Config.
2

Pilih Tampilan

Klik Appearance (terkadang diberi label Visual Settings) dari submenu.

​
Menyesuaikan Setiap Elemen Visual

​
Warna Utama

Warna utama diterapkan pada tombol, tautan aktif, status yang disorot, dan elemen antarmuka utama di seluruh platform.
  • Pilih warna yang mencerminkan identitas merek inti Anda.
  • Ini adalah pengaturan warna yang paling berdampak karena muncul di mana-mana dalam antarmuka.

​
Warna Latar Belakang Sidebar

Latar belakang sidebar menetapkan warna dasar panel navigasi kiri.
  • Gunakan warna yang menciptakan pemisahan visual yang jelas antara sidebar dan area konten utama.
  • Latar belakang gelap dengan teks terang umumnya memberikan keterbacaan terbaik.

​
Warna Teks Sidebar

Warna teks sidebar mengontrol warna label untuk semua item navigasi di menu kiri.
  • Selalu pilih warna yang memiliki kontras kuat dengan warna latar belakang sidebar Anda.
  • Kontras yang buruk membuat tautan lebih sulit dibaca dan mengurangi aksesibilitas.

​
Warna Latar Belakang Hover Sidebar

Warna ini muncul sebagai sorotan latar belakang saat pengguna menggerakkan kursor di atas item navigasi sidebar.
  • Ini menandakan interaktivitas dan membantu pengguna memahami item mana yang akan mereka klik.
  • Pilih warna yang berbeda secara jelas dari latar belakang sidebar default maupun warna item aktif.

​
Menerapkan Pilihan Warna Anda

1

Buka pemilih warna untuk setiap kolom

Klik kotak warna di sebelah salah satu dari empat kolom tampilan — Warna Utama, Latar Belakang Sidebar, Warna Teks Sidebar, atau Warna Latar Belakang Hover Sidebar — untuk membuka pemilih warna.
2

Masukkan kode hex atau pilih warna

Ketik kode hex merek Anda yang tepat (misalnya, #3B5BDB) langsung ke kolom input, atau gunakan pemilih visual untuk memilih warna.
3

Pratinjau perubahan

Tinjau tampilan warna yang diperbarui di sidebar dan di seluruh antarmuka sebelum menyimpan.
4

Klik Save Changes

Saat Anda puas dengan hasilnya, klik Save Changes. Tampilan yang diperbarui diterapkan secara global dan seketika kepada semua pengguna di workspace.
Simpan kode warna hex merek Anda di suatu tempat yang mudah diakses (panduan gaya merek atau file catatan). Anda ingin menggunakan nilai yang persis sama secara konsisten — terutama jika Anda perlu mengatur ulang dan mengkonfigurasi ulang pengaturan tampilan Anda.

​
Mengatur Ulang ke Tema Default

Jika Anda ingin menghapus semua branding kustom dan memulihkan skema warna AgencyHandy yang asli, klik tombol Reset Default Settings di halaman Tampilan.
Mengatur ulang ke default akan membuang semua perubahan warna kustom secara permanen. Tindakan ini tidak dapat dibatalkan. Jika Anda ingin mempertahankan pengaturan saat ini, catat kode hex Anda sebelum mengatur ulang.

​
Praktik Terbaik Kontras Warna

Kontras warna yang baik bukan sekadar preferensi desain — ini secara langsung memengaruhi keterbacaan dan aksesibilitas bagi tim dan klien Anda.

Targetkan rasio kontras WCAG AA

Untuk teks isi normal, gunakan rasio kontras minimal 4.5:1 antara teks dan latar belakang. Untuk teks besar atau ikon, rasio 3:1 dapat diterima. Gunakan alat seperti WebAIM Contrast Checker untuk memverifikasi.

Hindari kombinasi kontras rendah

Jangan padukan warna seperti teks abu-abu muda pada putih, atau teks kuning pada putih — kombinasi ini gagal standar aksesibilitas dan melelahkan mata dalam sesi panjang.

Uji status hover dengan sengaja

Warna hover harus terlihat jelas berbeda dari status diam maupun status aktif. Jika keduanya terlihat sama, pengguna kehilangan umpan balik visual yang penting.

Tetap konsisten dengan merek Anda

Gunakan warna utama yang sama di sini seperti di situs web, proposal, dan faktur Anda. Konsistensi membangun pengenalan dan profesionalisme di semua titik kontak klien.

​
Catatan Penting

  • Efek global instan: Semua perubahan tampilan yang disimpan langsung diterapkan di seluruh workspace. Setiap pengguna yang masuk melihat pembaruan pada tindakan navigasi berikutnya.
  • Satu tema aktif: Tidak ada dukungan multi-tema — satu set warna berlaku untuk seluruh workspace untuk semua peran.
  • Pembatasan peran: Hanya Super Admin dan Admin yang dapat membuat perubahan tampilan. Anggota tim reguler dan klien tidak dapat memodifikasi warna.
  • Pengaturan ulang bersifat permanen: Tombol Reset Default Settings tidak dapat dibatalkan, jadi gunakan hanya saat Anda sengaja ingin menghapus semua warna kustom.