01
设计气质 DNA
任务管理生产力AI协作
一个为团队任务打造的、干净现代的操作系统
02
色彩
#000000Ink#FFFFFFBGrgba(0, 0, 0, 1.0)Line严格的单色纯净性，依靠高对比度的黑白来实现最大清晰度。
03
字体
- body
16px · 400
所有元素一致使用过渡衬线字体 · 字重400作为唯一且主要使用的字重 · 16px基础尺寸以保证标准可读性
04
间距
4px8px16px24px32px48px64px96px标准4px基础网格
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px实线黑色边框
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
标准居中内容列
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
CSS transition: all · 平滑的状态变化
细微的视觉状态变化 · 即时响应
08
组件
- button 标准文本或带边框按钮
- card 简洁的带边框容器
- chip 最小化内联标签
- input 标准带边框输入字段
- hero 以排版为核心的部分
09
文案语气与禁用清单
- 语气 专业、直接且高效
- 标题风格 清晰实用，无修饰
- 按钮文案 以行动为导向且突出
- 不要使用彩色强调色——截图显示的是严格的黑白调色板
- 不要使用无衬线字体——截图显示的是过渡衬线字体
- 不要使用装饰性阴影——截图显示的是无高度的扁平化设计
- 不要所有东西都使用圆角——截图显示的是尖锐的几何形状
- 不要使用渐变背景——截图显示的是纯白色背景
- 不要使用复杂布局——截图显示的是简洁、聚焦的内容列
- 避免: 俏皮或随意的语言
- 避免: 过于复杂的术语
- 避免: 不必要的装饰
11
System Prompt
Height是一个原生AI的任务管理平台，定位为传统项目管理工具的干净、高效的替代方案。其视觉设计严格依赖于一个高对比度的单色调色板，使用纯黑色（#000000）搭配白色（#FFFFFF），没有可见的强调色。字体方面，令人意外地使用了过渡衬线字体类别，字号为16px，字重为400，而非典型的SaaS无衬线字体选择。关键的设计约束包括：绝对不使用彩色强调色或渐变，不使用无衬线字体，以及不使用装饰性阴影或圆角。保持所有交互平滑，使用 'transition: all'，并始终保持尖锐、几何的边框。