精選 · 開放 · 免費

Fireworks AI

專為開發者設計的高效能 AI 推論平台，支援大規模模型訓練與運行。

aiinfra
Fireworks AI 網站截圖
↓ 下載設計系統包 (5 MB)在 OpenDesign 中開啟

原站: https://fireworks.ai

📦 瀏覽包內檔案 →

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

標籤與導覽連結使用大寫字母 · 展示標題保持緊湊的字間距 · 內文使用 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

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

全寬主視覺區塊搭配約束內容，採用雙欄功能佈局

07

動效與互動

150msmicro
200mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

懸停時的色彩與背景過渡 · 互動元素的變換過渡 · 狀態變化的透明度淡出

文字與背景的色彩過渡 · 即時回應並提供視覺回饋

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

Fireworks AI — 桌面首屏（hero）
桌面首屏（hero）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 移动首屏
移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

Fireworks AI 是一款優質的開發者導向 AI 推論平台，具有簡潔、專業的美學。設計採用純白背景搭配深黑文字，並使用鮮明的紫色 (#6720ff) 作為主要操作的強調色。字體結合 grotesque-sans 用於粗體標題（緊湊字間距，字重 550），以及 humanist-sans 用於易讀的內文。導覽使用大寫標籤搭配寬裕的間距。佈局強調留白與清晰的內容層級，橫跨全寬區塊。關鍵限制：永遠不使用裝飾性漸層或陰影，僅維持單色基底搭配單一紫色強調色，標籤與導覽一律使用大寫，保持介面簡潔並使用寬裕內距，僅使用無襯線字體，確保粗體字體具有衝擊力且不影響可讀性。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko