ด้วยการยึดตามหลักการของ Atomic Design เราได้จัดโครงสร้างทรัพยากรหลักของเราออกเป็นหมวดหมู่ต่อไปนี้ เพื่อให้ทุกทีมใช้งานได้ง่ายขึ้น

อะตอมพื้นฐานที่สำคัญของ Spaceship Design System สิ่งเหล่านี้กำหนดกฎด้านภาพและโครงสร้างที่ทุกคอมโพเนนต์และแพตเทิร์นสร้างขึ้นบนพื้นฐานนี้

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

เทมเพลตคือสะพานเชื่อมระหว่างส่วนประกอบพื้นฐานกับประสบการณ์ผู้ใช้ โดยผสาน foundations และ components เข้าด้วยกันเป็นบริบทของหน้าเต็ม เพื่อแสดงให้เห็นว่าระบบทำงานอย่างไรในทางปฏิบัติ

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