规范化的色彩与排版设计系统

生成一个多页面的设计系统，其中每张图像都遵循严格的8px网格、一致的间距、排版比例和色彩系统，展示具有完美对齐和一致性的UI组件、布局和变体。

Generate a multi-page design system where every image follows a strict 8px grid, consistent spacing, typography scale, and color system, showcasing UI components, layouts, and variations with perfect alignment and consistency.