01
设计气质 DNA
区块链全球金融基础设施开放机构级
区块链领域的 AWS——基础性、企业级且无处不在。
02
色彩
#0052FFAccent#171717Ink#000000Ink soft#FFFFFFBG#F8F8F8BG soft#9A9A9AMutedrgba(229,231,235,1)Line高对比度极简主义：纯白背景上的深黑文字，搭配单一、高饱和度的蓝色用于主要操作。
03
字体
- display
54px · 700 - body
16px · 400 - small
14px · 400
UI 和主视觉文本使用 baseSans · 等宽元素与数据使用 Geist Mono · 大型展示标题保持紧凑的字母间距
04
间距
4px8px16px24px32px48px64px96px标准的 4px 网格，大版块使用充裕的垂直内边距。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 9999px
卡片和输入框使用 1px solid rgb(229, 231, 235)
rgba(0, 0, 0, 0.2) 0px 0px 18px 0px
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中的内容容器，具备清晰的层级间距
07
动效与交互
150msmicro
200mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
交互元素的细微淡入淡出与颜色过渡 · 悬停状态的变换过渡
0.15 秒 cubic-bezier 曲线上的颜色和边框颜色过渡 · 立即的视觉反馈，无延迟状态变化
08
组件
- button 高对比度的药丸形主按钮，蓝底白字；或带边框的次级按钮变体
- card 简洁的白色卡片，带细微边框和清晰的视觉分隔
- chip 简洁的药丸形标签，采用中性背景色
- input 简洁的带边框文本输入框，具有明确的内边距
- hero 居中的大标题，附带副标题和双操作按钮
09
文案语气与禁用清单
- 语气 自信、具有机构感且面向未来
- 标题风格 加粗、直接、宣言式
- 按钮文案 行动导向且清晰
- 不要使用深色模式——截图显示的是一个明亮、白色背景的主视觉区域
- 不要使用装饰性衬线字体——截图显示标题采用简洁的几何无衬线字体
- 不要使用多彩渐变——截图显示主要交互仅使用单一的高饱和度蓝色
- 不要使用沉重的投影——截图显示主要组件上几乎没有或完全没有可见的阴影
- 不要使用混乱的布局——截图显示的是严格居中、基于网格的层级化布局
- 不要使用小而局促的间距——截图显示核心内容周围留有充裕的留白
- 避免: 俏皮化的语言
- 避免: 过度的行业术语
- 避免: 复杂的句式结构
10
包内真实截图
11
System Prompt
设计一个高信赖度、机构级的金融科技平台。使用纯白背景搭配深黑文字以获得最佳可读性。主要品牌色是一种鲜亮、高饱和度的蓝色，专用于按钮和链接等交互元素。排版应简洁且几何化，标题和正文使用无衬线字体，大型展示尺寸使用紧凑的字母间距以维持现代、技术感。避免任何深色模式、俏皮化美学或多彩渐变。布局必须居中、宽敞且严格对齐网格，以传达稳定性和可靠性。按钮等组件应采用药丸形设计并具有高对比度。关键禁忌：不要使用深色背景；不要使用装饰性衬线字体；不要使用超过一种主要点缀色。