精選 · 開放 · 免費
Baseten
以開發者為先的基礎設施平台，用於部署與擴展 AI 模型，具備乾淨且權威的字型排印。
aiinfra
01
設計氣質 DNA
推論開發者雲端運行環境擴展
雲端原生模型推論的技術藍圖
02
色彩
#19E76EAccent
#000000Ink
#FFFFFFBG
#F5F8F4BG quiet
#B3B3B3Muted
rgba(0,0,0,0.05)Line
高對比單色基底搭配單一鮮明綠色作為高飽和度強調色。
03
字型
grotesque-sans · ui-sans-serif · monospace
- display
64px · 400 - body
16px · 400 - mono
14px · 400
標題使用緊湊負字母間距以增強視覺衝擊 · 按鈕與導覽採用等寬大寫字型營造技術感 · 內文字型保持高度可讀性，使用標準行高
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
以 4px 為基準，間距與留白採用一致倍數
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 9999px
分隔線使用 rgba(0,0,0,0.05) 的細微 1px 邊框，結構網格則採用虛線。
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
嚴格的 12 欄網格，部分區域透過可見虛線強調底層結構。
07
動效與互動
75msmicro
236mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
互動元素的顏色與背景平滑過渡 · 內容載入時的淡入淡出過渡
細微的顏色偏移或背景變化，搭配快速緩動。 · 立即的視覺反饋。
08
組件
- button 等寬大寫字型，膠囊形或銳角邊框，高對比黑色或白色填充。
- card 極簡或無邊框設計，依賴底層網格線構建結構。
- chip 膠囊形強調容器搭配等寬字型。
- input 標準表單欄位，具備細微邊框。
- hero 分割式佈局，左側為粗體大字標題，右側為技術圖示。
09
文案語氣與禁用清單
- 語氣 權威、技術、直接。
- 標題風格 粗體、肯定語句，字母緊湊排列。
- 按鈕文案 行動導向、大寫等寬按鈕，搭配明確方向箭頭。
- 勿使用裝飾性襯線字型 — 截圖顯示乾淨的 grotesque-sans 標題與等寬字型標籤。
- 勿使用圓潤、柔和的 UI 模式 — 截圖顯示銳角邊緣、膠囊形按鈕與幾何圖表。
- 勿使用厚重陰影 — 截圖顯示完全平坦、無邊框或細微邊框的介面。
- 勿使用多彩彩虹調色盤 — 截圖顯示嚴格的黑白綠配色方案。
- 勿對 UI 元素使用隨意的句首大寫 — 截圖顯示按鈕與標籤採用大寫等寬字型。
- 勿隱藏網格結構 — 截圖使用可見虛線強調技術性佈局。
- 避免: 俏皮用語
- 避免: 過度使用驚嘆號
- 避免: 模糊的行銷用語
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
Baseten 是一個用於 AI 模型推論的開發者基礎設施平台，其特點在於乾淨、技術導向的美學，強調精確度與擴展性。視覺系統採用高對比黑白調色盤，以單一鮮明綠色（#19E76E）作為強調色。字型排印倚賴粗體 grotesque-sans 作為具衝擊力的標題，以及等寬字型用於技術標籤與按鈕。佈局採用嚴格的 12 欄網格，常透過可見虛線顯露結構，以強化工程導向定位。關鍵避免事項包括：勿使用裝飾性襯線、柔軟圓潤的 UI 模式、厚重陰影或俏皮用語，因為此設計優先考慮專業、藍圖般的清晰度而非親和感。
en · zh-CN · zh-TW · ja · ko