01
设计气质 DNA
区块链基础设施金融可编程经济
一个粗体、高对比度的金融科技仪表盘，具有未来感和几何美感。
02
色彩
#10E1FFAccent#05163DInkrgba(0, 0, 0, 0.5)Ink soft#FFFFFFBG#F2F2F2BG softrgba(0, 0, 0, 0.1)Line以粗体排版为主导的高对比度设计，主色为蓝青色点缀色，搭配深海军蓝和纯粹白色。
03
字体
- display
56px · 500 - h2
40px · 500 - body
16px · 500 - small
14px · 500 - caption
12px · 500
所有文本默认采用大写形式 · 正文使用几何无衬线字体 · 标题使用粗体无衬线字体
04
间距
4px8px16px24px32px48px64px96px充足的内边距（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
组件
- button 药丸形按钮，深色背景搭配白色文本，或为带边框的样式搭配深色文本。
- card 案例研究卡片，采用圆角设计，图片区域为深色背景，下方为白色文本。
- chip 不适用
- input 不适用
- hero 一个全宽的深海军蓝容器，内含粗体、超大号标题和高对比度的背景图形。
09
文案语气与禁用清单
- 语气 自信、权威且富有前瞻性
- 标题风格 粗体、大写且具有宣告性
- 按钮文案 直接且以行动为导向
- 导航不要使用小写字母——截图显示所有标签均为大写，如 'SOLUTIONS' 和 'BUILDERS'
- 不要使用细或轻的字重——截图显示仅使用中等（500）和半粗体（600）字重
- 主要按钮不要使用圆角——截图显示按钮为药丸形（40px），而其他元素使用较小（5px 或 20px）的圆角
- 不要使用柔和或粉彩的配色方案——截图显示高对比度的海军蓝、白色和醒目的青色点缀色
- 不要使用衬线字体——截图显示所有文本均使用无衬线字体
- 不要使用杂乱的布局——截图显示充足的留白和清晰的左对齐层级结构
- 避免: 被动或犹豫的语言
- 避免: 过于随意或戏谑的语气
- 避免: 缺乏语境的复杂术语
10
包内真实截图
11
System Prompt
Arbitrum 的设计是一个高端的金融科技品牌识别，其特点是粗体的大写排版和海军蓝与白色的高对比度配色方案。主色为醒目的青色（#10E1FF），用于在深海军蓝（#05163D）背景上进行强调。排版全部采用无衬线字体，标题区域使用无衬线展示字体，正文使用几何无衬线字体，字重均为中等（500）或半粗体（600），默认大写。布局宽敞且基于网格，留白充足，层级清晰。关键禁忌：不要使用小写导航，不要使用轻字重，不要使用粉彩配色，不要使用衬线字体，不要使用杂乱布局，不要使用对比度不足的细边框或轮廓。