Ikon
Ikon Spaceship menerjemahkan tindakan dan ide yang kompleks menjadi simbol yang langsung dikenali, membantu pengguna menavigasi dan berinteraksi dengan mudah.
Universal namun khas, ikon kami adalah blok bangunan terkecil dari merek, dirancang untuk pengenalan instan sambil tetap jelas mempertahankan identitas Spaceship.
Versi
Semua ikon Spaceship tersedia dalam dua versi: garis luar (utama) dan isi (sekunder).
Konstruksi
Ikon dirancang sesuai aturan yang ditetapkan — dari grid dasar hingga parameter garis — memastikan hasil yang konsisten dan seimbang.
Ukuran
Dapat diskalakan secara desain, ikon harus digunakan dalam lima ukuran untuk menjaga kejelasan dan harmoni visual di seluruh sistem.
Warna
Warna adalah elemen penting yang membantu pengguna mengidentifikasi produk mereka dengan lebih mudah dalam antarmuka tertentu. Untuk memastikan konsistensi dalam konteks UI ini, ikon menggunakan warna Spaceship Design System.
Warna merek
Sebagai warna inti Spaceship, ini harus menjadi pilihan utama untuk ikon — baik dalam konteks fungsional seperti UI platform maupun penggunaan yang lebih ilustratif, seperti representasi fitur di halaman produk. Lihat halaman warna untuk detail lebih lanjut.
Warna produk
Warna utama produk harus diterapkan pada ikon masing-masing. Ini penting untuk pengenalan dan kesadaran produk di seluruh ekosistem Spaceship.
Warna notifikasi
Gunakan warna notifikasi untuk memperkuat pesan peringatan. Warna ini hanya boleh diterapkan pada ikon peringatan, dengan pengecualian sesekali di mana ikon lain juga mewakili status sukses, kesalahan, atau peringatan.
Panduan
Berikut beberapa contoh hal yang harus dihindari saat menggunakan ikon.
Jangan mendistorsi, memutar, atau membalik ikon. Selalu skala secara proporsional.
Jangan gunakan ikon lebih besar dari 40x40px. Usahakan keseimbangan antara elemen.
Jangan gunakan tint atau gradasi warna.