精选 · 开放 · 免费
Alchemy
深受领先金融科技公司信赖的完整区块链开发者平台。
web3infra
01
设计气质 DNA
区块链基础设施开发者规模化金融科技
区块链经济中可靠的数字管道。
02
色彩
#363FF9Accent
#020617Ink
#374151Ink soft
#FFFFFFBG
#EFF4F9BG soft
#E2E8F0BG quiet
#64748BMuted
rgba(226, 232, 240, 1.0)Line
清晰的高对比度界面，辅以鲜明的蓝色作为主要操作的强调色。
03
字体
geometric-sans · humanist-sans · monospace
- display
56px · 500 - h1
40px · 500 - body
16px · 400 - caption
12px · 400
标题和大型强调文字使用展示字体 (ppNeue) · 段落和界面元素使用正文字体 (Public Sans) · 代码块使用等宽字体 (Roboto Mono)
04
间距
4px
8px
12px
16px
24px
32px
48px
64px
96px
基于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
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个为区块链基础设施打造的高端开发者工具平台。它将自己定位为严肃金融科技应用的可靠后端。关键色彩包括：清爽的白色背景 (#FFFFFF)、深墨色 (#020617) 和鲜明的主蓝色 (#363FF9)。字体使用几何无衬线体作为展示字体 (ppNeue)，人文主义无衬线体作为正文字体 (Public Sans)。关键注意事项：避免装饰性字体，保持充足的留白，配色方案需有限且专业。布局为标准的12列居中容器。
en · zh-CN · zh-TW · ja · ko