层级结构
Spaceship 设计系统是分层构建的，每一层都增加了清晰度、结构和目标。它们形成了一个层级体系，指导我们如何设计、构建和扩展产品——从最细微的视觉决策到最广泛的用户旅程。
遵循原子设计原则，我们将主要资源分为以下类别，使所有团队都能更轻松地使用。
基础
定义我们视觉语言的核心规则——颜色、字体、间距、网格、动效和设计令牌。它们为我们提供了一致的基础。
组件
将基础规则应用于可复用的界面元素，解决日常设计问题。
模板
展示组件和模式如何在场景中协同工作，为完整页面和体验提供现成结构。
模式
总结经过验证的解决方案和最佳实践，确保我们的工作在每个触点都保持一致、可访问且以用户为中心。
基础
Spaceship 设计系统的基本原子。它们定义了每个组件和模式所依赖的视觉和结构规则。
颜色
定义品牌和功能色板，确保产品间的和谐、可访问性和灵活性。
排版
通过字体层级建立内容的清晰度和可读性，使内容易于阅读和浏览。
间距
为边距、内边距和布局节奏提供系统化的比例，以保持界面一致性。
网格
创建响应式布局，在不同设备间自适应，同时保持结构和对齐。
动效
通过过渡和动画引导注意力、传达状态，并让交互变得自然。
设计令牌
将基础数值转化为代码，作为唯一真实来源，同时便于快速、轻松地更新。
清晰的基础意味着更少的障碍、更高的包容性，以及更多时间用于解决实际问题，而不是从零开始。
组件
这些是 Spaceship 设计系统的可复用元素。每个组件都解决了特定的界面问题——从按钮和输入框到导航和反馈信息。每个组件都具有可访问性、响应性，并能轻松适应不同的场景或设备。
可复用组件确保我们构建的每个产品都能更快上线，并与整体保持一致。
模板
模板是构建模块与用户体验之间的桥梁。它们将基础和组件结合到完整页面场景中，展示系统在实际中的运作方式。
产品页面模板
用于落地页和产品页的高级页面结构，设计师主要更新内容并调整模块以适应不同场景。
可共享组件
更复杂的可复用结构，如对比表或价格卡，旨在跨产品一致地应对特定场景。
有了现成的结构，团队可以更少关注布局决策，把更多精力放在满足真实用户需求上。
模式
模式总结了我们从测试、反馈和实际应用中获得的经验，将其转化为可复用、标准化的解决方案。每个模式都基于用户意图，无论是简化结账流程、处理错误，还是引导用户填写表单。
通过定义经过验证的解决方案，模式让我们的工作更有目标，确保每一次体验不仅实用，而且经过深思熟虑的设计。