01
设计气质 DNA
域名停放搜索变现实用工具
一个包含生成式搜索链接的数字等候室
02
色彩
#B8E4FCAccent#111111Ink#FFFFFFBG#000000Mutedrgba(0,0,0,1.0)Line高对比度的黑白配色，辅以浅蓝色功能性强调色。
03
字体
- display
35px · 700 - body
16px · 700
04
间距
4px8px16px24px32px48px垂直堆叠，间距为 16px 至 32px。
05
表面 (圆角 / 阴影 / 边线)
sm · 5px
md · 6px
lg · 14px
pill · 999px
纯黑色实线边框，宽度 1px 至 3px。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
页眉、内容框、项目列表、页脚。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
hover 状态下的过渡效果
标准指针光标，配合 CSS 过渡。 · 标准链接导航。
08
组件
- button 深色胶囊形按钮，配白色文字。
- card 搜索结果框，采用纯浅蓝色背景与黑色边框。
- hero 简洁文本布局，包含停放的域名和一个行动号召按钮。
09
文案语气与禁用清单
- 语气 中性
- 标题风格 加粗、直接的域名展示。
- 按钮文案 直接的行动号召。
- 避免使用圆角——截图显示搜索卡片为尖锐/方形边角。
- 避免使用投影——截图显示表面完全扁平。
- 避免使用衬线字体——截图显示排版均为无衬线体。
- 避免使用多种背景色——截图显示为单一纯白背景。
- 避免使用细边框——截图使用的是突出、粗厚的黑色边框。
- 避免使用柔和的配色方案——截图使用高对比度的黑、白和明亮浅蓝色。
- 避免: 情感化
- 避免: 诗意化
- 避免: 复杂化
- 避免: 模糊化
10
包内真实截图
11
System Prompt
设计一个极简、功能优先的界面，用于展示搜索相关内容。其视觉基因基于高对比度的黑白配色，并辅以明亮的浅蓝色强调色。使用干净的人文主义或怪诞无衬线字体。布局严格居中，采用单栏功能性卡片列表。关键约束：不使用投影；不在主要区块上使用圆角；不使用衬线字体；不使用细边框，需使用粗黑色轮廓；不引入复杂的渐变；不使用柔和的配色方案；保持文本与背景间的高对比度。