Menggunakan Global Colors dan Global Fonts di Elementor

Mengapa Global Settings Penting?

Bayangkan kamu mengubah warna utama brand dari biru ke hijau. Tanpa Global Colors, kamu harus mengubah warna satu per satu di setiap widget di setiap halaman. Dengan Global Colors, cukup ubah satu kali dan semua elemen yang menggunakannya otomatis berubah.

Mengatur Global Colors

1. Di editor Elementor, klik ikon hamburger (≡) di pojok kiri atas
2. Pilih Site Settings
3. Klik Global Colors
4. Kamu akan melihat 4 warna default: Primary, Secondary, Text, Accent
5. Klik pada warna untuk mengubahnya sesuai brand kamu
6. Klik + Add Color untuk menambah warna baru

Cara Menggunakan Global Color di Widget

1. Pilih widget → buka pengaturan warna (misal: Text Color di Heading)
2. Klik ikon warna → di color picker, pilih tab Global
3. Pilih warna global yang sudah diset
4. Sekarang widget ini akan ikut berubah jika Global Color diubah

Mengatur Global Fonts

1. Site Settings → Global Fonts
2. Ada 4 preset: Primary, Secondary, Text, Accent
3. Klik Edit untuk mengubah font family, weight, dan ukuran default
4. Elementor otomatis terhubung ke Google Fonts — ketik nama font untuk mencari

Tips Brand Consistency

• Gunakan maksimal 2 font family: satu untuk heading, satu untuk body
• Tetapkan minimal 4 warna brand: primer, sekunder, text, background
• Selalu gunakan Global Colors — jangan hard-code warna langsung di widget
• Simpan palet warna brand kamu di Swatches untuk akses cepat