01
设计气质 DNA
加密收藏品未来感高端web3
具有深色、精密美学的高端数字收藏品市场
02
色彩
#FFFFFFInk#999999Ink soft#111111BG#1A1A1ABG soft#666666Mutedrgba(255, 255, 255, 0.1)Line单色深色调色板搭配高对比度白色文字,打造高端质感
03
字体
- display
32px · 500 - body
14px · 400
全局采用等宽字体,营造技术与未来感 · 所有文本元素保持一致的字重 · 导航项目使用大写转换
04
间距
4px8px16px24px32px48px64px96px标准8px网格,搭配充裕留白
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid rgba(255, 255, 255, 0.1)
0 2px 8px rgba(0, 0, 0, 0.3)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全宽页头,包含标志、导航和钱包按钮;大面积空白内容区域
07
动效与交互
150msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
导航项目上细腻的hover过渡 · 平滑的钱包连接流程
导航链接上细腻的透明度变化 · 标准按钮按压反馈
08
组件
- button 单色描边按钮,采用等宽字体
- card 当前视图不可见
- chip 当前视图不可见
- input 当前视图不可见
- hero 全屏深色背景,居中导航栏
09
文案语气与禁用清单
- 语气 高端、技术、专属
- 标题风格 等宽、大写、简洁
- 按钮文案 描边按钮搭配等宽文本,高对比度
- 避免使用彩色渐变——截图仅展示单色深色调色板
- 避免使用衬线字体——截图显示全局等宽字体
- 避免添加装饰性元素——截图展示极简、干净的界面
- 避免使用明亮的强调色——截图未显示强调色
- 避免使用随意语言——截图展示技术性、高端术语
- 避免添加复杂阴影——截图显示极简的深度效果
- 避免: 彩色渐变
- 避免: 趣味性图像
- 避免: 随意语言
- 避免: 衬线字体
- 避免: 明亮的强调色
11
System Prompt
面向数字收藏品的高端深色主题NFT市场界面。关键颜色:#111111背景、#FFFFFF文字、#999999次要文字。字体完全采用等宽字体(几何感、技术感)。布局以居中页头为特色,包含标志、导航与钱包集成,背景为全屏深色。关键禁忌:绝不使用彩色渐变,避免衬线字体,仅保持单色色调,避免趣味元素,保持技术/等宽美学,避免明亮的强调色。