精選 · 開放 · 免費
Inngest
讓任何程式碼預設即具持久性。
Developer ToolsDark
01
設計氣質 DNA
持久工作流程無懈可擊擴展代理
一個可靠、工業級強度的平台，適用於需要無故障運行的程式碼。
02
色彩
#CBB26AAccent
#FAFAF9Ink
#A8A29EInk soft
#0C0A09BG
#1C1917BG soft
#292524BG quiet
#9CA3AFMuted
rgba(168, 162, 158, 0.2)Line
深沉、高對比度的主題，搭配溫暖的石材中性色調，並以單一金色作為主要操作的強調色。
03
字型
geometric-sans · humanist-sans · monospace
- display
60px · 500 - body
16px · 400
展示字型使用緊湊的 -2px 字母間距以達到最大衝擊力。 · 內文字型設定為標準的 16px，以在深色背景上獲得最佳可讀性。 · 主要品牌字型為乾淨、幾何風格的無襯線字體。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
採用一致的 4px 格線系統，並在區塊間留有寬裕的呼吸空間。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 9999px
使用 rgba(168, 162, 158, 0.2) 的細緻 1px 邊框，以在不產生強烈對比的情況下界定邊緣。
0px 1px 2px rgba(0, 0, 0, 0.1) · 0px 1px 3px rgba(0, 0, 0, 0.1)
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
置中的內容版面配置，擁有寬裕的垂直留白與清晰的視覺層級。
07
動效與互動
150msmicro
150mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
hover 時細微的顏色與背景過渡。 · 互動元素的變形效果。
按鈕與連結的背景顏色或不透明度發生細微變化。 · 透過變形或不透明度變化提供即時視覺回饋。
08
組件
- button 主要按鈕採用金色強調色搭配深色文字；次要按鈕採用透明背景搭配白色邊框。
- card 深色容器（bgSoft/bgQuiet），帶有細微邊框與些微內距。
- chip 用於標籤或標示，通常帶有細微邊框或柔和背景色。
- input 簡潔、極簡的輸入欄位，帶有細微邊框與 focus 狀態。
- hero 大型、粗體的字型，搭配抽象幾何背景圖案。
09
文案語氣與禁用清單
- 語氣 自信、技術導向且著重可靠性。
- 標題風格 簡短、有力、以效益為導向（例如：「讓任何程式碼預設即具持久性」）。
- 按鈕文案 直接且以行動為導向（例如：「免費開始建構」、「取得展示」）。
- 不要使用鮮豔的霓虹色——截圖顯示為柔和的石材與金色調。
- 不要使用寬闊、裝飾性的字型——截圖顯示為緊湊、幾何風格的無襯線字體標題。
- 不要使用厚重陰影或玻璃擬態效果——截圖顯示為細膩、基於邊框的平面深度感。
- 不要使用純黑（#000000）作為背景——截圖顯示為溫暖的近黑（#0C0A09）。
- 不要為主要按鈕使用圓潤藥丸形狀——截圖顯示為銳利的 4px 圓角。
- 不要使用多個相互競爭的強調色——截圖顯示為單一主導的金色強調色。
- 避免: 避免過於隨意或俏皮的語言。
- 避免: 避免模糊的行銷術語。
- 避免: 避免在無上下文的情況下使用複雜術語。
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 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
Inngest 是一個具有深沉、高階美學的開發者工具 SaaS 平台。其設計 DNA 基於溫暖的近黑背景（#0C0A09），搭配高對比度白色文字（#FAFAF9）與柔和的石材強調色（#A8A29E）。單一的金色強調色（#CBB26A）用於主要號召性用語。字型方面，標題使用乾淨、幾何風格的無襯線字體並搭配緊湊的字間距，內文則使用人文主義無襯線字體。版面配置為置中且寬敞，採用 12 欄格線。關鍵禁忌：不要使用鮮豔的霓虹色、不要使用厚重陰影或玻璃擬態效果、不要使用純黑背景。整體感覺是技術性、可靠且精緻的，面向建構穩健系統的工程團隊。
en · zh-CN · zh-TW · ja · ko