精選 · 開放 · 免費

Arbitrum

頂級、大膽且高對比的金融科技平台識別。

web3infra
Arbitrum 網站截圖
↓ 下載設計系統包 (25 MB)在 OpenDesign 中開啟

原站: https://arbitrum.io

📦 瀏覽包內檔案 →

01

設計氣質 DNA

區塊鏈基礎設施金融可編程經濟

一款大膽、高對比的金融科技儀表板，具備未來感與幾何邊緣。

02

色彩

#10E1FFAccent
#05163DInk
rgba(0, 0, 0, 0.5)Ink soft
#FFFFFFBG
#F2F2F2BG soft
rgba(0, 0, 0, 0.1)Line

高對比、粗體字型主導，以主色藍青點綴深海軍藍與純白背景。

03

字型

grotesque-sans · geometric-sans · monospace

所有文字預設為大寫 · 內文採用幾何無襯線字型 · 標題採用粗體 grotesque-sans 字型

04

間距

4px
8px
16px
24px
32px
48px
64px
96px

寬鬆的內距（40px）與間距（16px）營造寬敞感。

05

表面 (圓角 / 陰影 / 邊線)

sm · 5px
md · 5px
lg · 20px
pill · 40px

1px solid rgba(0, 0, 0, 0.1)

0px 1px 2px 0px rgba(0, 0, 0, 0.05)

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

簡潔的網格佈局，搭配充足留白與強烈的左對齊主視覺。

07

動效與互動

220msmicro
300mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

所有互動元素的流暢過渡 · 背景色與填充色過渡變化

細微的背景色或透明度變化 · 立即回饋，輕微降低透明度

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

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

擷取自真實頁面 · 真 computed styles

11

System Prompt

Arbitrum 的設計是一款頂級、高對比的金融科技識別，以粗體大寫字型與純淨的海軍藍白色調定義。主色點綴為鮮豔的青色（#10E1FF），用於深海軍藍（#05163D）背景上的強調。字型完全採用無襯線體，主視覺區塊使用 grotesque-sans 顯示字型，內文使用幾何無襯線字型，所有文字均採用 medium（500）或 semibold（600）粗細，預設為大寫。佈局寬敞且基於網格，搭配充足內距與清晰層級。關鍵注意事項：導覽勿使用小寫，字型粗細勿使用輕體，配色勿使用粉彩色調，字型勿使用襯線體，佈局勿使用雜亂設計，邊框或勾勒線條勿使用細線或缺乏足夠對比的樣式。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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