01
设计气质 DNA
交易平台交易收藏品数字资产web3
现代的繁忙数字拍卖行
02
色彩
#0786FFAccent#FFFFFFInk#ACADA6Ink soft#141415BG#26272DBG soft#1B1D1FBG quiet#47BB64Mutedrgba(255,255,255,0.08)Line深灰背景上的高对比度白色，确保数据可读性最大化。
03
字体
- display
32px · 500 - heading
20px · 500 - body
16px · 400 - small
14px · 400 - caption
12px · 400
04
间距
4px8px12px16px24px32px48px64px96px一致的4px网格系统
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid rgba(255,255,255,0.08)
0px 1px 2px 0px rgba(0,0,0,0.03) · 0px 1px 3px 0px rgba(0,0,0,0.1) · inset 0px 0px 0px 1px rgba(255,255,255,0.08)
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
带有左侧边栏和右侧排名面板的密集数据仪表盘。
07
动效与交互
150msmicro
200mssmall
400msmedium
cubic-bezier(0.22, 1, 0.36, 1)easing
悬停时的不透明度渐变 · 交互时的缩放 · 线性渐变移动
背景颜色变化与细微的不透明度调整 · 通过缩放或颜色变化提供即时视觉反馈
08
组件
- button 高对比度的药丸形主按钮，矩形次级按钮。
- card 带有细微边框和圆角的深色表面卡片。
- chip 带有细微背景填充的小圆角标签，用于筛选。
- input 带有醒目快捷键提示的深色圆角搜索栏。
- hero 展示精选藏品的大型全宽轮播图，叠加显示数据。
09
文案语气与禁用清单
- 语气 专业、数据驱动、直接
- 标题风格 粗体且简洁，聚焦关键指标
- 按钮文案 行动导向且高度可见
- 不要使用亮白色背景——截图显示的是#141415的深色主题
- 不要使用衬线字体——截图显示的是简洁、现代的无衬线字体
- 不要到处使用鲜艳的多色强调——截图显示绿色和红色专门用于正面/负面指标
- 不要使用大而宽松的间距——截图显示的是密集、信息密集的仪表盘布局
- 不要使用复杂、厚重的阴影——截图显示的是非常细微或没有的盒子阴影
- 不要使用大圆角的输入框——截图显示输入框圆角为16-20px，除非指定，否则不是完全的药丸形
- 避免: 俏皮语言
- 避免: 过多的感叹号
- 避免: 缺乏上下文的技术术语
10
包内真实截图
11
System Prompt
OpenSea 是一个领先的NFT数字交易平台，采用高密度深色模式仪表盘界面设计。主色调是深色背景（#141415）与清晰的白色文本（#FFFFFF），次要信息使用细微的灰色（#ACADA6）。正面趋势用绿色（#47BB64）表示，负面趋势用红色（#E24756）表示。字体采用简洁、现代的无衬线字体（gtAmerica），数字数据使用等宽变体（gtAmericaMono）。布局复杂且数据驱动，采用多列结构，包含固定的左侧边栏和密集的右侧排名面板。关键设计规则：绝不用浅色背景；信息密度优先于留白；颜色严格用于语义表达（绿色/红色用于数据）；保持专业、极简的美学，无装饰性元素。关键禁忌：不要添加不必要的动画；不要使用宽阔、通透的间距；不要使用与数据驱动界面不协调的俏皮或圆角UI元素。