01
设计气质 DNA
域名销售高端交易可信极简
一份专业的数字资产房产列表
02
色彩
#00C4CCAccent#212529Ink#495057Ink soft#FFFFFFBG#F8F9FABG soft#E9ECEFBG quiet#6C757DMutedrgba(0,0,0,0.1)Line高对比度中性色，搭配单一蓝绿色以建立信任并引导行动
03
字体
- display
48px · 700 - heading1
24px · 600 - body
16px · 400 - caption
14px · 400
使用粗体字重以强调和建立层级 · 保持充足的行高以提升可读性 · 正文字体间距保持中性
04
间距
4px8px12px16px24px32px48px64px96px基于4px的统一节奏，垂直方向按指数增长
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid rgba(0,0,0,0.1)
0 1px 3px rgba(0,0,0,0.1) · 0 4px 12px rgba(0,0,0,0.08)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
不对称分栏布局，带有卡片覆盖层和居中内容
07
动效与交互
200msmicro
350mssmall
600msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
交互元素上细微的悬停状态过渡 · 平滑的页面加载动画
按钮颜色略微变深，链接显示下划线 · 通过细微的缩放或颜色变化提供即时反馈
08
组件
- button 全宽深色行动号召按钮，圆角设计，字体清晰
- card 带提升感的容器，具有清晰的层级和行动引导
- chip 小型圆角徽章，带有微妙背景色
- input 简洁、带边框的输入框，内边距统一
- hero 分屏设计，右侧为深色背景，左侧为内容卡片
09
文案语气与禁用清单
- 语气 专业、可信赖、以行动为导向
- 标题风格 清晰、直接的价值陈述
- 按钮文案 使用单字命令（如 'Next'）的动作动词
- 避免使用多个相互竞争的强调色 — 截图显示全程仅使用单一蓝绿色 (#00C4CC)
- 避免添加装饰性渐变 — 截图仅显示纯色块
- 避免使用装饰性字体 — 截图显示干净的无衬线字体
- 避免布局杂乱 — 截图在元素周围保持充足留白
- 避免使用厚重阴影 — 截图显示微妙、极简的提升效果
- 避免混合衬线与无衬线字体 — 截图全程使用统一的无衬线字体
- 避免使用复杂动画 — 截图显示静态、功能性的界面
- 避免: 过于随意的语言
- 避免: 技术术语
- 避免: 含义模糊的行动号召
11
System Prompt
这是一个专注于信任和转化的高端域名市场界面。设计采用简洁的高对比度配色，白色 (#FFFFFF) 背景、深炭灰色 (#212529) 文本，以及单一蓝绿色 (#00C4CC) 用于关键操作和强调。字体采用人文主义无衬线体，以确保清晰与专业。关键约束：保持单一强调色，避免装饰元素，保留充足留白以建立信任感。布局采用不对称分栏设计，包含深色首屏区域和提升感的内容卡片。所有交互优先考虑清晰度与即时价值传达。