01
设计气质 DNA
区块链基础设施开发者规模化金融科技
区块链经济中可靠的数字管道。
02
色彩
#363FF9Accent#020617Ink#374151Ink soft#FFFFFFBG#EFF4F9BG soft#E2E8F0BG quiet#64748BMutedrgba(226, 232, 240, 1.0)Line清晰的高对比度界面，辅以鲜明的蓝色作为主要操作的强调色。
03
字体
- display
56px · 500 - h1
40px · 500 - body
16px · 400 - caption
12px · 400
标题和大型强调文字使用展示字体 (ppNeue) · 段落和界面元素使用正文字体 (Public Sans) · 代码块使用等宽字体 (Roboto Mono)
04
间距
4px8px12px16px24px32px48px64px96px基于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密钥'）。
- 不要使用装饰性字体 — 截图显示的是简洁的几何无衬线字体
- 不要使用拥挤的布局 — 截图显示有充足的留白
- 不要使用复杂的渐变 — 截图使用纯色和细微的背景色调
- 不要使用小而难以阅读的文字 — 截图保持了高可读性
- 不要隐藏主要操作 — 截图清晰地突出了行动号召
- 不要使用过多的色彩种类 — 截图仅使用有限的配色方案
- 避免: 过于随意或使用俚语
- 避免: 未经解释的技术术语
- 避免: 被动语态
10
包内真实截图
11
System Prompt
这是一个为区块链基础设施打造的高端开发者工具平台。它将自己定位为严肃金融科技应用的可靠后端。关键色彩包括：清爽的白色背景 (#FFFFFF)、深墨色 (#020617) 和鲜明的主蓝色 (#363FF9)。字体使用几何无衬线体作为展示字体 (ppNeue)，人文主义无衬线体作为正文字体 (Public Sans)。关键注意事项：避免装饰性字体，保持充足的留白，配色方案需有限且专业。布局为标准的12列居中容器。