OpenDesign·你的设计资产库

网页参考

Theothersideoftruth

一个由柔和渐变与大胆、趣味几何形态定义的实验性抽象视觉体验。

ExperimentalExpressiveGradientPlayfulDesign Tools

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

01

设计气质 DNA

实验性趣味性抽象渐变几何

一个趣味性的抽象数字景观或一件现代艺术装置。

02

色彩

#000000Ink
#64C8F0BG
rgba(0,0,0,0)Line

以渐变为主导的调色板,伴有大而饱和的几何形状,营造出趣味、抽象的氛围。

03

字体

sans-serif

  • display56px · 500

04

间距

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

由于以大几何形状为主的抽象、非网格布局,间距未定义。

05

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

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

无可见边框;边缘由锐利的几何形状和渐变定义。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全视口、非网格布局,特色是在渐变背景上重叠的大尺度几何形状。

07

动效与交互

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

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

08

组件

  • button 无标准按钮组件可见。
  • card 无卡片组件可见。
  • chip 无标签组件可见。
  • input 无输入组件可见。
  • hero 全屏抽象视觉构图,带有渐变背景上大而重叠的几何字母形式。

09

文案语气与禁用清单

  • 语气 抽象且趣味。
  • 标题风格 大尺度的抽象几何字母形式。
  • 按钮文案 无可见的CTA。
  • 不要使用标准网格布局——截图显示的是全视口抽象构图。
  • 不要依赖小型UI组件——截图显示的是大而主导的几何形状。
  • 不要使用单色调色板——截图显示的是从蓝色到黄色的活力渐变。
  • 不要使用尖锐、有棱角的UI元素——截图显示的是柔化、重叠的几何形式。
  • 不要使用标准的字体层级——截图显示的是抽象、大尺度的字母形式。
  • 不要使用传统导航——截图显示无可见导航元素。
  • 避免: 标准UI模式
  • 避免: 传统布局
  • 避免: 字面表达

11

System Prompt

这是一个由大尺度几何形状和从蓝色到黄色的主导渐变调色板定义的实验性、抽象视觉设计系统。关键颜色包括主色蓝色(#64C8F0)和明亮的黄色(#FFE84A),没有单一的高饱和度强调色主导。字体是抽象和几何的,归类为无衬线体,并以非常大的尺度使用。关键禁忌:不要使用标准网格布局或传统UI组件;这是一个全视口抽象构图。不要使用单色调色板;该设计是充满活力且由渐变驱动的。不要使用字面表达;形式是抽象且趣味的。布局是非网格的,专注于渐变背景上的大而重叠的几何形状。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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