01
设计气质 DNA
AI 推理开发者平台PyTorch 创始团队无服务器架构模型生命周期
专为 AI 模型打造的工业级云端基础设施
02
色彩
#6720ffAccent#000000Inkrgba(0,0,0,0.6)Ink soft#ffffffBG#888888Mutedrgba(0,0,0,0.1)Line基于高对比度的单色基底，搭配鲜明的紫色作为主要操作的点缀色
03
字体
- display
128px · 550 - h1
48px · 550 - body
16px · 400 - label
12px · 400
标签与导航链接使用大写字母 · 展示标题保持紧凑的字间距 · 正文使用 system-ui 回退字体链
04
间距
4px8px12px16px24px32px48px64px96px基于 4px 的一致网格系统，区块内边距充裕
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid rgba(0,0,0,0.1)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全宽主视觉区块搭配内容受限区域，采用双栏功能展示布局
07
动效与交互
150msmicro
200mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
悬停时的颜色与背景过渡 · 交互元素的变换过渡 · 状态变化时的透明度渐隐
文本与背景的颜色过渡 · 即时响应并提供视觉反馈
08
组件
- button 填充式矩形按钮，标签使用大写字母并配有方向箭头
- card 极简卡片，带细微边框和清晰的字体层级
- chip 未见使用
- input 截图中未见使用
- hero 全宽区块，包含大型标题、副文案和行动号召按钮，背景采用微妙渐变
09
文案语气与禁用清单
- 语气 专业、技术性强、自信
- 标题风格 大胆、陈述性的表达，强调能力与变革
- 按钮文案 直接、行动导向，并附带方向指示
- 避免使用装饰性渐变——截图显示为纯净白色背景搭配紫色点缀
- 避免添加过多阴影——截图显示为无 box-shadow 的平面表面
- 避免使用衬线字体——截图从标题到正文均使用无衬线字体
- 避免界面杂乱——截图显示留白充裕，层次清晰
- 避免使用多种点缀色——截图始终仅使用单一紫色点缀
- 避免导航使用小写字母——截图显示所有标签和导航项均为大写
- 避免: 营销辞藻
- 避免: 过度使用术语
- 避免: 过于随意的语言
10
包内真实截图
11
System Prompt
Fireworks AI 是一款面向开发者的优质 AI 推理平台，具有简洁、专业的美学风格。设计采用纯白背景搭配深邃黑色文字，并以鲜明的紫色（#6720ff）作为主要操作的点缀色。字体排印方面，展示标题使用 grotesque-sans 系列（紧凑字间距，字重 550），正文则采用易读的 humanist-sans 系列。导航使用大写标签，间距充裕。布局强调留白和清晰的内容层次，并贯穿全宽区块。关键约束：切勿使用装饰性渐变或阴影；仅保留单色基底与单一紫色点缀；标签和导航始终使用大写；界面保持整洁，内边距充裕；字体仅限无衬线系列；标题字体需粗壮以营造视觉冲击，同时不影响可读性。