01
设计气质 DNA
情感化智能对话式温暖高级
在宁静、精致的空间中,一位温暖、体贴的伴侣。
02
色彩
#1A4631Ink#FFF4E6BGrgba(26,70,49,1.0)Line克制、温暖的配色方案,以深森林绿为主导,搭配柔和的桃色/奶油色背景,依靠色彩丰富的摄影图片来增添活力。
03
字体
- display
68px · 700 - heading
48px · 400 - body
14px · 400
大型表现性标题和斜体使用过渡衬线体 · 正文和UI元素使用人文主义无衬线体 · 大型展示文本保持紧凑的字间距
04
间距
4px8px10px12px16px20px24px64px128px慷慨的垂直间距,营造宁静、透气的感觉
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 24px
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 以图片为主的卡片,采用圆角设计,底部带有文字药丸标签
- chip 位于圆形药丸形状内的文字标签
- input 简洁、简单的输入框,带有微妙的边框
- hero 巨大的居中排版,上方带有大型衬线字标
09
文案语气与禁用清单
- 语气 温暖、友好、对话式
- 标题风格 富有表现力和情感,常混合衬线体的不同字重和斜体
- 按钮文案 直接、有吸引力、以行动为导向
- 不要使用深色背景——截图显示的是温暖的奶油色/桃色背景
- 不要使用霓虹色或高饱和度的强调色——截图显示的是深绿色和柔和的色调
- 不要使用纯几何体或等宽字体——截图显示的是衬线展示字体和人文主义无衬线正文字体
- 不要在卡片上使用尖锐的角——截图显示的是24px圆角
- 不要使用密集、文字过多的布局——截图显示的是大量的留白
- 不要使用强烈的投影——截图显示的是扁平、干净的表面
- 避免: 冰冷的企业化语言
- 避免: 术语过多的描述
- 避免: 激进的销售话术
10
包内真实截图
11
System Prompt
这是一款高级、具有情感智能的AI伴侣。设计温暖、宁静且充满人文关怀。它使用深森林绿(#1A4631)作为文本和交互元素的颜色,搭配柔和的桃色/奶油色(#FFF4E6)背景。排版方面,使用过渡衬线体进行富有表现力的标题设计,使用人文主义无衬线体作为正文。布局居中且宽敞,留白充足。卡片采用色彩丰富、生动的摄影图片,并带有圆角。关键禁忌:不要使用深色模式或深色背景。不要使用刺眼、霓虹的强调色。不要使用尖锐的角或强烈的投影。不要使用冰冷、企业化的排版或语言。







