精选 · 开放 · 免费
Recraft
一个连接设计美学与机器智能的高端 AI 图像生成平台
aidesign
01
设计气质 DNA
有品位精工细作先进专业视觉化
一个高端设计工作室与尖端 AI 研究实验室的结合
02
色彩
#D2FC31Accent
#FFFFFFInk
#000000BG
#707070Muted
rgba(0,0,0,0.15)Line
高对比度暗色模式,主操作按钮使用鲜明的强调色
03
字体
condensed-sans · humanist-sans · monospace
- display
72px · 900 - heading
24px · 600 - body
16px · 400 - caption
12px · 400
标题文字使用极粗字重 (900) 并带有负字间距 · 正文保持 1.4 的舒适行高以确保可读性 · 次要标签和导航使用全大写处理
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
使用一致的 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
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
Recraft.ai 是一个面向专业设计师和创意团队的高端 AI 图像生成平台。其设计 DNA 具有暗色、高对比度的美学特征,以黑色背景 (#000000) 为主导,并使用鲜明的黄绿色 (#D2FC31) 作为主行动号召的强调色。排版方面,标题文字使用极粗字重 (900) 的紧凑型无衬线字体,以创造戏剧性的视觉冲击。关键约束:绝不使用衬线字体,避免使用柔和的调色板,始终保持布局中有充足的空白,标题使用粗体字重,组件圆角半径保持在 5-15px 之间,并确保所有行动号召按钮使用标志性的绿色强调色。
en · zh-CN · zh-TW · ja · ko