OpenDesign·你的设计资产库

网页参考

Raad

一个极简、活泼的域名停放页面,以简洁的字体和多彩的 3D 插图为特色。

CleanConsumerApp UI

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

01

设计气质 DNA

域名错误占位符wix活泼极简

一个友好、独立的域名停放页面工具屏幕。

02

色彩

#1A1A1AInk
#666666Ink soft
#FFFFFFBG
#999999Muted
rgba(0,0,0,0.1)Line

纯净的白色画布,搭配黑色字体和活泼、多彩的 3D 点缀。

03

字体

geometric-sans

  • display48px · 400
  • body16px · 400

所有字体使用简洁的几何无衬线体。 · 主标题保持较轻的字重。 · 正文使用标准字重,确保高度可读性。

04

间距

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

标准 4px 基础网格,搭配充足的留白,以突出核心信息和插图。

05

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

sm · 4px
md · 8px
lg · 24px
pill · 999px

按钮和输入框使用 1px 实线边框颜色。

06

布局

1200container
12columns
24pxgutter
768 / 1024breakpoints

双栏布局,左侧为文字内容,右侧为大幅插图元素,在视口内垂直居中。

07

动效与交互

150msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

交互元素在悬停时发生颜色变化或细微缩放。 · 轻微的按压效果。

08

组件

  • button 填充式主按钮,圆角,实色背景。
  • card 不适用。
  • chip 不适用。
  • input 不适用。
  • hero 双栏主视觉区,左侧为文字,右侧为 3D 元素。

09

文案语气与禁用清单

  • 语气 乐于助人、清晰且略带活泼。
  • 标题风格 直接、信息明确且直截了当。
  • 按钮文案 以行动为导向,具有鼓励性。
  • 不要使用深色背景——截图显示为纯净的白色背景。
  • 不要使用厚重的衬线字体——截图显示为简洁的几何无衬线体。
  • 不要使用复杂的多栏网格来组织内容——截图显示为简单的双栏布局。
  • 不要使用刺眼的霓虹色——截图显示为柔和、活泼但非霓虹的粉彩。
  • 不要使用密集的文本块——截图显示为充足的行高和间距。
  • 不要在主按钮上使用尖锐、未圆角的处理——截图显示为胶囊形按钮。
  • 避免: 技术术语
  • 避免: 过于正式的语言
  • 避免: 激进的销售策略

11

System Prompt

这是一个 Wix 托管域名的域名停放页面。它以纯净的白色背景和黑色几何无衬线字体为特色,呈现出简洁、极简的美学。布局采用简单的双栏结构,左侧为文字,右侧为活泼的 3D 插图。主要交互是一个黑色的胶囊形按钮。关键十六进制颜色包括 #FFFFFF 用于背景和 #000000 用于主要文本。字体类别是简洁的几何无衬线体。关键禁忌:避免深色背景,不要使用衬线字体,不要让布局充斥过多元素。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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