01
设计气质 DNA
生产力工具管理软件
作为生产力软件门户的域名停放页面
02
色彩
#f97316Accent#ffffffInk#a0b0c0Ink soft#0b1120BG#1e2a3aBG soft#3b4a5eBG quiet#6b7b8bMutedrgba(255, 255, 255, 0.15)Line高对比度暗色模式，主操作采用醒目的橙色强调色
03
字体
- display
32px · 700 - heading
24px · 700 - body
16px · 400
深色背景使用白色文字以确保高对比度 · 标题和卡片使用粗体字重 · 全文保持统一的几何无衬线字体
04
间距
4px8px16px24px32px48px64px96px卡片内部采用宽松内边距，元素间保持一致的垂直间距
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
卡片采用细微的1px边框以增强层次感
0 2px 4px rgba(0,0,0,0.3) · 0 4px 12px rgba(0,0,0,0.4)
06
布局
800container
1columns
16pxgutter
768breakpoints
单列居中布局，卡片垂直堆叠
07
动效与交互
150msmicro
300mssmall
600msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
交互元素采用细微的悬停效果 · 状态间平滑过渡
交互元素采用细微的背景色变化或透明度变化 · 通过透明度或缩放缩小提供视觉反馈
08
组件
- button 全宽卡片式按钮，包含文字和右向箭头，圆角设计，带细微边框
- card 深色背景卡片，圆角带边框，内含文字和导航箭头
- hero 简洁的居中文本主视觉区，展示域名名称
09
文案语气与禁用清单
- 语气 中立且专业
- 标题风格 直接描述，聚焦功能
- 按钮文案 行动导向，具有清晰的导航指引
- 避免使用浅色背景 — 截图显示背景色为#0b1120的深色配色方案
- 避免使用衬线字体 — 截图显示全文使用几何无衬线字体
- 避免使用彩色渐变 — 截图显示纯色深色背景搭配极简强调色
- 避免使用细边框 — 截图显示卡片元素采用可见的1px边框
- 避免正文内容居中对齐 — 截图显示卡片内文字采用左对齐
- 避免使用复杂的多列布局 — 截图显示单列居中布局
- 避免: 俏皮或随意的语言
- 避免: 情感诉求
- 避免: 过于专业的技术术语
11
System Prompt
这是reversechaos.com的域名停放页面，作为生产力与项目管理工具的门户。设计采用深色背景（#0b1120）搭配白色文字，以橙色（#f97316）横幅作为强调。字体统一使用几何无衬线字体，标题采用粗体字重。布局为单列居中设计，垂直堆叠的卡片作为各类生产力软件分类的导航链接。关键禁忌：绝不使用浅色背景，避免衬线字体，不实现复杂布局，避免彩色渐变，确保高对比度以符合无障碍要求，保持设计简洁实用。