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