精選 · 開放 · 免費
Alchemy
深受頂尖金融科技公司信賴的全方位區塊鏈開發者平台。
web3infra
01
設計氣質 DNA
區塊鏈基礎架構開發者擴展性金融科技
區塊鏈經濟的可靠數位管線。
02
色彩
#363FF9Accent
#020617Ink
#374151Ink soft
#FFFFFFBG
#EFF4F9BG soft
#E2E8F0BG quiet
#64748BMuted
rgba(226, 232, 240, 1.0)Line
乾淨、高對比度的介面，搭配鮮明的藍色作為主要操作的強調色。
03
字型
geometric-sans · humanist-sans · monospace
- display
56px · 500 - h1
40px · 500 - body
16px · 400 - caption
12px · 400
標題與大型強調文字使用展示字體 (ppNeue) · 段落與 UI 元素使用內文字體 (Public Sans) · 程式碼區塊使用等寬字體 (Roboto Mono)
04
間距
4px
8px
12px
16px
24px
32px
48px
64px
96px
一致的 4px 基礎網格，主視覺區域搭配充裕的內距。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid #E2E8F0
0 4px 6px -1px rgba(0, 0, 0, 0.1) · 0 10px 15px -3px rgba(0, 0, 0, 0.1)
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
內容區域居中，周圍保留充裕的留白。
07
動效與互動
150msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
元素在滾動時平滑淡入 · 按鈕與卡片具有細微的懸停效果
互動元素在懸停時有細微的色彩或尺寸變化。 · 點擊時立即提供視覺回饋。
08
組件
- button 主要操作按鈕採用圓角膠囊造型，實心藍色背景與白色文字。
- card 乾淨的白色卡片，搭配細微邊框或柔和陰影。
- chip 用於「開發工具」等分類的小型圓角標籤。
- input 標準文字輸入框，帶有細微邊框。
- hero 大型標題靠左對齊，右側搭配輔助插圖。
09
文案語氣與禁用清單
- 語氣 專業、權威，並以開發者為中心。
- 標題風格 大膽、簡潔，並強調效益。
- 按鈕文案 直接且具行動導向（例如：「取得您的 API 密鑰」）。
- 勿使用裝飾性字體——截圖顯示為簡潔的幾何無襯線字體
- 勿使用雜亂的佈局——截圖顯示充裕的留白
- 勿使用複雜的漸層——截圖使用純色與細微的背景色調
- 勿使用過小、難以閱讀的文字——截圖保持高度可讀性
- 勿隱藏主要操作——截圖清楚突出顯示 CTA
- 勿使用過多的色彩變化——截圖堅持使用有限的配色方案
- 避免: 過度隨意或俚語式的語言
- 避免: 未經解釋的技術術語
- 避免: 被動語態
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個高端的區塊鏈基礎架構開發者工具平台，定位為嚴謹金融科技應用值得信賴的後端。關鍵色彩包括：純白背景 (#FFFFFF)、深墨色 (#020617)，以及鮮明的主藍色 (#363FF9)。字體採用幾何無襯線字體 (ppNeue) 作為展示字體，人文主義無襯線字體 (Public Sans) 作為內文字體。重要禁忌：避免裝飾性字體、維持充裕留白、保持配色方案有限且專業。佈局採用標準的居中容器，共 12 欄。
en · zh-CN · zh-TW · ja · ko