OpenDesign·你的设计资产库

网页参考

Thehiddenjoboffer

即将上线服务的单页预告,采用单色紫色调色板搭配微妙几何图案。

EditorialGeometricPremium

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

占位符预告等待

极简数字等候室

02

色彩

#FFFFFFInk
#E6E6FAInk soft
#6A5ACDBG
#4B0082Muted
rgba(255, 255, 255, 0.2)Line

高度克制的单色紫色调色板,搭配白色文字形成高对比度。

03

字体

grotesque-sans

  • display48px · 700

所有文本均为大写,次要元素采用加宽字间距。

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

标题、副标题与按钮之间的简约垂直间距。

05

表面 (圆角 / 阴影 / 边线)

sm · 0px
md · 0px
lg · 0px
pill · 999px

纤细的半透明白色边框定义“即将推出!”按钮。

06

布局

12columns
24pxgutter
768 / 1024breakpoints

全出血背景上的简约垂直堆叠左对齐内容块。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

静态截图中无可见悬停状态。 · 静态截图中无可见点击状态。

08

组件

  • button 透明胶囊形按钮,带有纤细白色边框和大写文本。
  • hero 全视口首屏区域,包含居中标题、副标题和行动号召按钮。

09

文案语气与禁用清单

  • 语气 简约直接
  • 标题风格 纯文本,小写
  • 按钮文案 大写,加宽字间距
  • 不要使用多色调色板——截图显示为严格的单色紫色方案。
  • 不要使用装饰性衬线字体——截图使用简洁的几何无衬线字体。
  • 不要添加厚重的投影或发光效果——截图采用扁平化设计,仅使用微妙的几何线条图案。
  • 不要将所有文本居中对齐——截图显示主内容左对齐。
  • 不要使用实心矩形按钮——截图显示带有纤细边框的胶囊形按钮。
  • 不要包含复杂导航或多个区块——截图显示为单一、专注的行动号召页面。
  • 避免: 复杂语言
  • 避免: 视觉杂乱
  • 避免: 多重行动号召

11

System Prompt

这是一个极简单页预告网站,旨在宣传即将上线的服务。采用以特定紫色调(#6A5ACD)为主的单色配色方案,搭配白色文字(#FFFFFF)形成强烈对比。字体为简洁的几何怪诞无衬线字体类别,主文本使用小写,次要元素(如按钮和顶部标签)采用大写并加宽字间距。关键设计元素包括:带有微妙交叉几何线条的全视口背景,以及包含标题、副标题和带纤细白色边框胶囊形按钮的显著左对齐内容块。关键禁忌:不引入额外颜色,不使用装饰性或衬线字体,不添加复杂阴影或3D效果,不将主文本块居中对齐,不在界面中堆砌导航或额外内容。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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