ssh-manager/design-system/MASTER.md

SSH 管理器设计系统

风格

• 产品类型：管理后台 / 开发工具仪表盘
• 主题：深色、专业、终端风格
• 布局：侧边栏 + 主内容区

色彩

• 背景：slate-900 (#0f172a)、slate-800
• 表面：slate-800、slate-700
• 主文字：slate-100 (#f1f5f9)
• 次要文字：slate-400
• 强调（成功/连接）：emerald-500、cyan-500
• 边框：slate-600、slate-700

字体

• 字体：Inter 或 system-ui
• 正文：最小 16px，行高 1.5

图标

• 仅使用 Lucide 图标，不使用 emoji
• 尺寸：统一 20px 或 24px

交互

• 所有可点击元素使用 cursor-pointer
• transition-colors duration-200
• 最小触控区域 44×44px

无障碍

• 对比度 4.5:1
• 可见焦点环
• 仅图标按钮需设置 aria-label