OpenDesign·你的设计资产库

网页参考

Roccnaturals Com Au

一个干净、专注产品的品牌,运用趣味的3D元素和克制的色彩搭配,营造出高级、有触感的体验。

3DProductPremiumCleanExperimental

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

01

设计气质 DNA

趣味性现代感触感产品导向创意

一个现代、富有趣味性的品牌,在干净、简约的环境中运用3D元素展示其产品。

02

色彩

#d95f9aAccent
#333333Ink
#f5f5f5BG
#888888Muted
rgba(0, 0, 0, 0.1)Line

以中性、浅色背景为基础,搭配深绿色的品牌主色和充满活力的粉色点缀,营造趣味而高级的感受。

03

字体

geometric-sans

  • display16px · 400

04

间距

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

宽松

05

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

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

1px solid rgba(0, 0, 0, 0.1)

0 4px 20px rgba(0,0,0,0.1)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

居中

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

细微的透明度变化 · 无可见反馈

08

组件

  • button 描边式
  • hero 全屏3D产品展示

09

文案语气与禁用清单

  • 语气 友好、趣味、非正式
  • 标题风格 对话式、直接
  • 按钮文案 简洁的描边按钮
  • 避免密集文本——截图显示了最少的文案,传递清晰、简洁的信息。
  • 避免深色背景——截图展示了明亮、浅色的环境。
  • 避免复杂的导航——截图显示了简单的单页式布局。
  • 避免使用多种相互竞争的颜色——截图使用了绿色、粉色和中性色调的克制配色。
  • 避免厚重的UI控件——截图展示了干净、整洁的界面,无可见的导航栏或侧边栏。
  • 避免平面化、2D的产品图片——截图以动态的3D渲染方式展示产品。
  • 避免: 正式语言
  • 避免: 激进的销售话术
  • 避免: 杂乱的布局

11

System Prompt

这是一个高端产品品牌的着陆页,采用干净、明亮的美学风格,并配有3D产品展示。其设计DNA核心在于以中性、浅色背景为基础,搭配深绿色的品牌主色(#3d6b37)和充满活力的粉色点缀(#d95f9a)。字体选用简洁的几何无衬线体,并少量使用。关键色彩为浅色背景(#f5f5f5)、深绿色和粉色点缀。关键禁忌:避免密集文本,避免深色背景,避免复杂导航,避免厚重UI控件,避免平面化的产品图片,避免使用多种相互竞争的颜色。布局居中且宽敞,聚焦于3D产品渲染。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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