OpenDesign·你的设计资产库

网页参考

Custo

一款高端极简的智能邮箱着陆页,通过粗体排版与克制的美学,重点呈现实体硬件与配套应用。

HardwareProductPremiumCalmClean
Custo 网站截图

01

设计气质 DNA

智能安全高端极简硬件

高端消费电子与安全家居基础设施的融合。

02

色彩

#000000Ink
#8e9194BG
#ffffffBG soft
#a7aaadMuted
rgba(167,170,173,1.0)Line

一套克制、精致的单色系方案,以中灰色为基础,依靠纯黑与纯白构建对比与层级。

03

字体

geometric-sans · monospace

  • display120px · 500
  • heading58px · 500
  • subheading38px · 500
  • body16px · 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

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

为一款高端极简的智能家居硬件产品生成设计。使用以中灰色 (#8e9194)、纯黑 (#000000) 和纯白 (#ffffff) 为基础的克制单色系方案。字体应采用简洁的几何无衬线体,标题粗壮有力,行高紧凑。版式需宽敞,使用充裕的内边距,依靠全出血图像与大尺寸水印字体制造视觉趣味。避免杂乱、投影或多种竞争的强调色,以维持高端、建筑美学的视觉风格。关键:绝不使用花哨或装饰性元素;聚焦于实体产品及其核心优势。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。