精选 · 开放 · 免费

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

所有文本默认采用大写形式 · 正文使用几何无衬线字体 · 标题使用粗体无衬线字体

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）背景上进行强调。排版全部采用无衬线字体，标题区域使用无衬线展示字体，正文使用几何无衬线字体，字重均为中等（500）或半粗体（600），默认大写。布局宽敞且基于网格，留白充足，层级清晰。关键禁忌：不要使用小写导航，不要使用轻字重，不要使用粉彩配色，不要使用衬线字体，不要使用杂乱布局，不要使用对比度不足的细边框或轮廓。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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