Ikonografi

Ikon digunakan untuk membantu pengguna mengenali tindakan, kategori, atau status dengan cepat. Gunakan ikon secara konsisten agar pengalaman visual di seluruh produk pemerintah tetap jelas dan mudah dipahami.

Pustaka Ikon

Kami menggunakan Tabler, pustaka ikon gratis dan sumber terbuka, untuk memperkaya pengalaman INA Digital. Ikon kami berfungsi sebagai penanda visual yang membantu navigasi, menyampaikan informasi penting, dan mendukung nilai utama merek kami: tampil menarik, konsisten, dan mudah dipahami oleh siapa pun.

Akses pustaka ikon Tabler di sini

Karakteristik

Ikon dirancang untuk membantu pengguna mencapai tujuan mereka dengan efektif. Setiap ikon memiliki makna individual yang kuat, sambil membentuk unit visual yang harmonis dan konsisten.

Ketebalan Garis

Pustaka ikon kami menggunakan ketebalan garis yang konsisten, dengan detail:

Ukuran 24px: 2px
Ukuran 20px: 1.5px
Ukuran 16/14px: 1.25px

Scale

Ikon Utama

Dalam pendekatan desain INA Digital, ukuran ikon utama yang digunakan adalah 24px dengan ketebalan garis 2px, dan 20px dengan ketebalan garis 1.5px. Ukuran ini adalah yang paling umum digunakan dalam desain antarmuka.

Ukuran Kecil

Beberapa ikon tersedia dalam ukuran sangat kecil seperti 16px, 14px, atau 12px, dengan ketebalan garis 1.25px.

Ukuran Besar

Ikon berukuran ekstra besar dirancang dengan ketebalan garis 5px, ditempatkan di dalam area 64px, dan digunakan secara khusus untuk tampilan empty state atau layar kosong.

Cara Penggunaan yang Disarankan

✅ Disarankan

Gunakan ikon dari pustaka yang disediakan.

❌ Dihindari

Memodifikasi atau mengubah bentuk ikon.

✅ Disarankan

Bekerja sama dengan tim Ops Design bila membutuhkan ikon baru, agar tetap selaras dengan gaya dan struktur visual yang berlaku.

❌ Dihindari

Membuat ikon dengan gaya visual yang berbeda dari sistem utama.

✅ Disarankan

Gunakan satu warna pada ikon untuk menjaga kesederhanaan dan keterbacaan.

❌ Dihindari

Menggunakan lebih dari satu warna pada ikon.