swiss-style-guide
Installation
SKILL.md
快速参考
| 要素 | 规范 |
|---|---|
| 网格系统 | 8-Point Grid (8px 原子单位),Desktop 12 Cols |
| 圆角 | rounded-none 全局,仅交互热区 rounded-sm (2px) |
| 背景色 | bg-background (CSS Variable 层定义纯白/近黑) |
| 前景色 | text-foreground (CSS Variable 层定义近黑/近白) |
| 强调色 | International Blue (--primary) + Swiss Red (--destructive) |
| 动效引擎 | Framer Motion, Expo Out 曲线,<300ms |
| 视觉模式 | 侧边栏 Shell / 指标卡片网格 / 数据表格 / 图表容器 / 网格叠加 (可组合) |
| 对比度 | WCAG AA (≥4.5:1),暗色模式光谱偏移 |
| 硬编码 Hex | 禁止 — 组件层严格使用语义 Token |
核心指令 (Core Mandate)
本规范旨在构建 "新瑞士风格 (Neo-Swiss)" 或 "系统极简主义 (Systemic Minimalism)" 的数字界面。核心在于利用数学秩序对抗信息熵,为 AI 时代的过度信息提供清晰的认知结构。
强制技术栈 (Hard Constraints):