01
设计气质 DNA
有品位精工细作先进专业视觉化
一个高端设计工作室与尖端 AI 研究实验室的结合
02
色彩
#D2FC31Accent#FFFFFFInk#000000BG#707070Mutedrgba(0,0,0,0.15)Line高对比度暗色模式，主操作按钮使用鲜明的强调色
03
字体
- display
72px · 900 - heading
24px · 600 - body
16px · 400 - caption
12px · 400
标题文字使用极粗字重 (900) 并带有负字间距 · 正文保持 1.4 的舒适行高以确保可读性 · 次要标签和导航使用全大写处理
04
间距
4px8px16px24px32px48px64px96px使用一致的 4px 基准单位，主视觉区域留有充足的空白
05
表面 (圆角 / 阴影 / 边线)
sm · 5px
md · 15px
lg · 30px
pill · 50px
1px solid rgba(0,0,0,0.15)
rgba(0,0,0,0.3) 0px 11px 40px 0px
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全宽主视觉区域叠加文字，居中内容块
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
主视觉区域图片之间平滑的轮播转场 · 交互元素上微妙的悬停效果
交互元素的颜色变化和微妙的缩放效果 · 通过状态变化提供即时视觉反馈
08
组件
- button 圆角矩形，半径 5px，主操作按钮使用高对比度填充
- card 全出血图像卡片，带最少的装饰边框
- chip 小型圆角徽章，用于导航标签
- input 简洁的文本输入框，带微妙边框
- hero 戏剧性的全视口图像，叠加文字和行动号召按钮
09
文案语气与禁用清单
- 语气 自信而精致，强调工艺品质
- 标题风格 粗体、紧凑、全大写的陈述，具有技术精确性
- 按钮文案 直接的行动导向动词，如“开始创作”和“获取 API”
- 不要使用衬线字体——截图显示通篇使用一致的无衬线字体
- 不要使用柔和的粉彩色调——截图显示高对比度的黑色背景与鲜明的强调色
- 不要使用细字体字重——截图显示使用极粗的 900 字重标题文字
- 不要使用尖锐的直角——截图显示所有组件均使用 5-15px 的圆角
- 不要使用密集的布局——截图显示充足的空白和呼吸空间
- 不要使用多种强调色——截图显示行动号召按钮使用单一的主导黄绿色
- 避免: 俏皮或随意的语言
- 避免: 过多的感叹号
- 避免: 术语过多的技术描述
- 避免: 过于推销的宣传文案
- 避免: 模糊的价值主张
10
包内真实截图
11
System Prompt
Recraft.ai 是一个面向专业设计师和创意团队的高端 AI 图像生成平台。其设计 DNA 具有暗色、高对比度的美学特征，以黑色背景 (#000000) 为主导，并使用鲜明的黄绿色 (#D2FC31) 作为主行动号召的强调色。排版方面，标题文字使用极粗字重 (900) 的紧凑型无衬线字体，以创造戏剧性的视觉冲击。关键约束：绝不使用衬线字体，避免使用柔和的调色板，始终保持布局中有充足的空白，标题使用粗体字重，组件圆角半径保持在 5-15px 之间，并确保所有行动号召按钮使用标志性的绿色强调色。