精选 · 开放 · 免费
Simulate
一个专注于高价值数字资产收购的优质域名市场列表页面。
FintechPremiumCleanGeometricProduct
01
设计气质 DNA
域名优质交易专业数字资产
高端域名资产的数字房地产经纪服务。
02
色彩
#160042Ink
#FFFFFFBG
#8E8F94Muted
rgba(22, 0, 66, 0.12)Line
以深靛蓝为基调的高对比度配色方案，使用亮蓝色作为主要操作色，橙色作为次要强调色。
03
字体
geometric-sans · humanist-sans
- display
68px · 700 - heading
36px · 600 - body
16px · 400
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
基于 4px 的一致间距和内边距比例
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 5px
lg · 12px
pill · 50px
1px solid rgba(22, 0, 66, 0.12)
rgba(0, 0, 0, 0.1) 0px 15px 20px 0px · rgba(57, 59, 106, 0.18) 23px 23px 24px 0px
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
标准响应式容器，包含居中的首屏内容
07
动效与交互
200msmicro
300mssmall
600msmedium
ease-in-outeasing
hover 时的颜色和背景色过渡 · 加载状态的不透明度淡入
按钮和链接使用标准的 color/background-color 过渡，时长 0.2 秒，ease-in-out。 · 通过状态变化提供即时反馈。
08
组件
- button 圆角矩形实心按钮，border-radius 为 50px，主要操作使用蓝色 (#0073E5)，次要操作使用橙色 (#E86D1F)。
- card 大圆角矩形区域 (12px radius)，采用深靛蓝背景和细微噪点纹理。
- input 下划线式输入框，内边距极小，仅出现在新闻订阅区域。
- hero 居中的垂直堆叠布局，包含大号粗体文字、醒目的行动号召按钮和辅助性描述段落。
09
文案语气与禁用清单
- 语气 专业、直接且具有交易导向。
- 标题风格 简短、首字母大写或加粗的声明式标题，聚焦于域名资产本身。
- 按钮文案 清晰、以行动为导向的按钮，如“出价”或“注册”。
- 避免为主要行动号召使用浅色背景——截图显示的是纯色亮蓝色“出价”按钮
- 避免标题使用宽字间距——截图显示的是紧凑的负字间距 (-1px 到 -2px)
- 避免使用多种强调色——截图显示严格使用蓝色作为主要操作色，橙色作为次要强调色
- 避免使用装饰性衬线字体——截图显示的是简洁的几何和人文主义无衬线字体
- 避免主要按钮使用直角——截图显示的是 50px 的圆角矩形样式
- 避免使用复杂渐变——截图显示的是深色背景上的纯色和细微噪点纹理
- 避免: 非正式语言
- 避免: 俏皮的隐喻
- 避免: 过多的感叹号
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个为直接、高价值交易设计的优质域名市场列表页面。视觉识别以深靛蓝 (#160042) 作为深色区域背景，与干净的白色 (#FFFFFF) 主背景形成对比。关键强调色包括用于主要行动号召的亮蓝色 (#0073E5) 和用于次要元素的橙色 (#E86D1F)。字体使用几何和人文主义无衬线字体类别，并采用紧凑的负字间距以增强视觉冲击力。关键约束：避免为按钮使用浅色背景，保持标题紧凑的字间距，严格使用蓝/橙强调色，坚持使用无衬线字体，使用圆角矩形按钮，避免复杂渐变。布局居中且专业，聚焦于单个域名资产并提供清晰的行动号召。
en · zh-CN · zh-TW · ja · ko