39 lines
833 B
Markdown
39 lines
833 B
Markdown
# 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
|