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):

Installs
2
First Seen
Feb 7, 2026
swiss-style-guide — sweetretry/skills