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 elemen pembangun terkecil dari merek, dirancang untuk pengenalan instan sambil tetap mempertahankan identitas Spaceship dengan jelas.
Versi
Semua ikon Spaceship tersedia dalam dua versi: outlined (utama) dan filled (sekunder).
Konstruksi
Ikon dirancang sesuai aturan yang telah ditetapkan — dari grid dasar hingga parameter stroke — untuk 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 dalam penggunaan yang lebih ilustratif, seperti representasi fitur pada halaman produk. Lihat halaman warna untuk detail lebih lanjut.
Warna produk
Warna utama suatu produk harus diterapkan pada ikon yang sesuai. Ini penting untuk pengenalan dan kesadaran produk di seluruh ekosistem Spaceship.
Warna notifikasi
Gunakan warna notifikasi untuk memperkuat pesan peringatan. Warna ini sebaiknya hanya diterapkan pada ikon peringatan, dengan pengecualian sesekali ketika ikon lain juga mewakili status berhasil, kesalahan, atau peringatan.
Panduan
Berikut beberapa contoh hal yang harus dihindari saat menggunakan ikon.
Jangan mendistorsi, memutar, atau membalik ikon. Selalu skalakan secara proporsional.
Jangan gunakan ikon yang lebih besar dari 40x40px. Upayakan keseimbangan antar elemen.
Jangan gunakan tint atau shade.