精选 · 开放 · 免费
Custo
一款高端极简的智能邮箱着陆页，通过粗体排版与克制的美学，重点呈现实体硬件与配套应用。
HardwareProductPremiumCalmClean
01
设计气质 DNA
智能安全高端极简硬件
高端消费电子与安全家居基础设施的融合。
02
色彩
#000000Ink
#8e9194BG
#ffffffBG soft
#a7aaadMuted
rgba(167,170,173,1.0)Line
一套克制、精致的单色系方案，以中灰色为基础，依靠纯黑与纯白构建对比与层级。
03
字体
geometric-sans · monospace
- display
120px · 500 - heading
58px · 500 - subheading
38px · 500 - body
16px · 400
所有文本均使用几何无衬线字体类别。 · 大尺寸展示字体采用紧凑的行高。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
充裕的内边距与间距营造出高端的空间感。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
极简处理，依靠细微的底部边框进行分隔。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全出血英雄区域搭配居中容器，其后是堆叠式内容章节。
07
动效与交互
225msmicro
400mssmall
800msmedium
cubic-bezier(0.165, 0.84, 0.44, 1)easing
使用 clip-path 的显示动画 · 平滑的颜色与透明度过渡
交互元素上的细微状态变化。 · 可点击元素上的标准指针光标。
08
组件
- button 药丸形，半透明白色背景搭配深色文本。
- card 提供的截图中未显示卡片组件。
- chip 提供的截图中未显示标签组件。
- input 提供的截图中未显示输入框组件。
- hero 全视窗英雄区域，包含左对齐的大文本、一个突出的产品图像与巨型水印层叠，以及简洁的 CTA 链接。
09
文案语气与禁用清单
- 语气 自信、直接、高端。
- 标题风格 简短、有冲击力、面向收益。
- 按钮文案 简洁、行动导向的链接或按钮。
- 不要使用多种相互竞争的强调色——截图显示其严格遵循灰、黑、白的单色方案。
- 不要使用衬线体或花哨字体——截图一致使用简洁的几何无衬线字体。
- 不要在版式中堆砌过多元素——截图运用了充足的留白与清晰的视觉层级。
- 不要使用投影制造深度感——截图依赖干净、扁平的设计，没有可见的 box-shadow。
- 不要使用明亮、饱和的背景色——截图以柔和的中灰色作为主要背景。
- 不要使用小而拥挤的按钮——截图突出展示了一个大型、药丸形的主要操作按钮。
- 避免: 杂乱的界面
- 避免: 喧闹、多彩的配色
- 避免: 泛泛、亲切的措辞
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
为一款高端极简的智能家居硬件产品生成设计。使用以中灰色 (#8e9194)、纯黑 (#000000) 和纯白 (#ffffff) 为基础的克制单色系方案。字体应采用简洁的几何无衬线体，标题粗壮有力，行高紧凑。版式需宽敞，使用充裕的内边距，依靠全出血图像与大尺寸水印字体制造视觉趣味。避免杂乱、投影或多种竞争的强调色，以维持高端、建筑美学的视觉风格。关键：绝不使用花哨或装饰性元素；聚焦于实体产品及其核心优势。
en · zh-CN · zh-TW · ja · ko