ไอคอน Spaceship ทั้งหมดมีให้ใช้งาน 2 เวอร์ชัน: แบบเส้นขอบ (หลัก) และแบบทึบ (รอง)

ไอคอนได้รับการออกแบบตามกฎที่กำหนดไว้ ตั้งแต่กริดพื้นฐานไปจนถึงพารามิเตอร์ของเส้น เพื่อให้ได้ผลลัพธ์ที่สม่ำเสมอและสมดุล

ด้วยการออกแบบที่ปรับขนาดได้ ไอคอนควรถูกใช้งานใน 5 ขนาดเพื่อคงความชัดเจนและความกลมกลืนทางสายตาทั่วทั้งระบบ

สีเป็นองค์ประกอบสำคัญที่ช่วยให้ผู้ใช้ระบุผลิตภัณฑ์ของตนได้ง่ายขึ้นภายในอินเทอร์เฟซหนึ่ง ๆ เพื่อให้เกิดความสม่ำเสมอในบริบท UI เหล่านี้ ไอคอนจึงใช้สีของ Spaceship Design System

สีแบรนด์

ในฐานะสีหลักของ Spaceship สีเหล่านี้ควรเป็นตัวเลือกหลักสำหรับไอคอน ไม่ว่าจะใช้ในบริบทเชิงฟังก์ชันอย่าง UI ของแพลตฟอร์ม หรือในการใช้งานเชิงภาพประกอบมากขึ้น เช่น การแสดงฟีเจอร์บนหน้าผลิตภัณฑ์ ดูรายละเอียดเพิ่มเติมได้ที่หน้าสี

สีของผลิตภัณฑ์

ควรใช้สีหลักของผลิตภัณฑ์กับไอคอนที่เกี่ยวข้องของผลิตภัณฑ์นั้น ๆ นี่เป็นกุญแจสำคัญต่อการจดจำและการรับรู้ผลิตภัณฑ์ทั่วทั้งระบบนิเวศของ Spaceship

ต่อไปนี้คือตัวอย่างบางส่วนของสิ่งที่ควรหลีกเลี่ยงเมื่อใช้ไอคอน