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

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

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

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

สีประจำแบรนด์

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

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

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

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