提示词
免费
原创
UI规范
由 管理员 投稿，1 次浏览。
UI规范：
1. 整体极简商务风，圆角8px，细浅阴影，细边框分割，充足留白
2. 字体统一思源黑体，层级清晰：标题加粗深灰，正文浅灰，辅助文字淡灰
3. 交互柔和hover变色，无夸张动画，符合办公软件视觉习惯
4. 适配桌面窗口尺寸，布局自适应，干净专业，适合职场员工日常记录工作内容
Color system:
- Primary: #3b82f6 (blue) — buttons, links, active states only
- Semantic colors (use low-saturation backgrounds for badges):
success: text #059669, bg #d1fae5
warning: text #d97706, bg #fef3c7
error: text #dc2626, bg #fee2e2
info: text #2563eb, bg #dbeafe
- Neutral scale: #111827 / #374151 / #6b7280 / #9ca3af / #e5e7eb / #f9fafb
- Never use semantic colors as full background fills — only as subtle badge backgrounds
Component rules:
- Cards: background white, border 1px solid #e5e7eb, border-radius 8px, shadow shadow-sm
- Tables: row height 52px, header 40px, alternating row bg transparent/#f9fafb
- Buttons: primary filled, secondary outlined, no gradient buttons
- Form inputs: border #d1d5db, focus ring #3b82f6 with 2px offset
Typography:
- Page title: 20px/700
- Section label: 11px/600, uppercase, letter-spacing 0.08em, color #6b7280
- Table cell: 14px/400
- Caption/helper: 12px/400, color #9ca3af
Spacing rhythm:
- Card internal padding: 24px
- Section gap: 24px
- Table row padding: 12px 16px