精选 · 开放 · 免费
Manetatoulian
展示相关搜索主题的标准域名停放着陆页。
ConsumerCalmProductCleanReference
01
设计气质 DNA
域名停放搜索变现实用工具
一个包含生成式搜索链接的数字等候室
02
色彩
#B8E4FCAccent
#111111Ink
#FFFFFFBG
#000000Muted
rgba(0,0,0,1.0)Line
高对比度的黑白配色,辅以浅蓝色功能性强调色。
03
字体
grotesque-sans
- display
35px · 700 - body
16px · 700
04
间距
垂直堆叠,间距为 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
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
设计一个极简、功能优先的界面,用于展示搜索相关内容。其视觉基因基于高对比度的黑白配色,并辅以明亮的浅蓝色强调色。使用干净的人文主义或怪诞无衬线字体。布局严格居中,采用单栏功能性卡片列表。关键约束:不使用投影;不在主要区块上使用圆角;不使用衬线字体;不使用细边框,需使用粗黑色轮廓;不引入复杂的渐变;不使用柔和的配色方案;保持文本与背景间的高对比度。
en · zh-CN · zh-TW · ja · ko