01
设计气质 DNA
极简简洁应用实用工具密码管理器
一个井然有序、单色调的工具间，每件工具都各归其位
02
色彩
#000000Ink#333333Ink soft#FFFFFFBG#F5F5F5BG soft#999999Mutedrgba(0, 0, 0, 0.1)Line单色调色板，具有强烈的对比度和微妙的灰色点缀
03
字体
- display
40px · 700 - body
18px · 400
标题字体为高对比度的过渡衬线体 · 正文使用简洁的人文主义无衬线体 · 充足的行高以保证可读性
04
间距
4px8px16px24px32px48px64px96px均匀、富有节奏感的间距，留有大量空白
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
微妙、纤细、低透明度的边框
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中单栏布局，拥有充足的纵向间距
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
滚动时淡入 · 细微的悬停过渡
颜色变化或微妙的缩放变换 · 即时反馈并改变状态
08
组件
- button 药丸形状，纯黑背景搭配白色文字
- card 简洁的容器，带有微妙的边框或阴影
- input 简洁的、有边框的文本输入框，样式极简
- hero 大号居中文字，配有充足的空白
09
文案语气与禁用清单
- 语气 沉思、欣赏且直接
- 标题风格 直接而有冲击力的衬线标题
- 按钮文案 清晰、以行动为导向的高对比度按钮
- 不要使用鲜艳的强调色 —— 截图显示的是单色调色板
- 不要使用装饰性字体 —— 截图显示的是简洁、功能性的字体
- 不要添加复杂的阴影或3D效果 —— 截图显示的是扁平、极简的表面
- 不要使用俏皮的插图 —— 截图显示的是简洁的应用界面模型
- 不要使用密集的布局 —— 截图显示的是大量的留白
- 不要使用渐变背景 —— 截图显示的是纯白和浅灰色
- 避免: 俏皮的语言
- 避免: 鲜艳的色彩
- 避免: 复杂的布局
11
System Prompt
这是一个简洁的单色调生产力应用网站，语气沉思。它使用白色背景 (#FFFFFF) 搭配黑色文字 (#000000) 和微妙的灰色 (#999999)。字体搭配为标题使用过渡衬线体，正文使用人文主义无衬线体。布局居中且宽敞，留有大量空白。关键注意事项：避免鲜艳的色彩、俏皮的语言、复杂的阴影、密集的布局和装饰性字体。设计优先考虑清晰度、克制和功能实用性，而非视觉修饰。