OpenDesign·你的设计资产库

网页参考

Grids Obys Agency

一个实验性加载界面,将设计代理机构的数字呈现简化为其最基本的几何和排版元素。

AgencyExperimentalMinimalGridStudio

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

01

设计气质 DNA

极简结构性实验性基于网格抽象

一个数字设计工作室的极简加载屏幕,专注于基本的几何形式。

02

色彩

#000000Ink
#f2f2f2BG
rgba(0,0,0,0.1)Line

使用高对比度、单色配色方案的极端极简主义。

03

字体

grotesque-sans

  • body12px · 400

排版极简,仅用于必要的状态指示。 · 文本小巧且不显眼,放置在视口边缘。

04

间距

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

使用严格的4px基础网格进行精确的元素定位。

05

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

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

没有可见边框;对比度完全通过形状和颜色创建。

06

布局

1columns
768 / 1024breakpoints

一个位于广阔空白背景中央的单一几何元素(一个黑色方块)。

07

动效与交互

0msmicro
0mssmall
0msmedium
lineareasing

静态加载状态,没有可见动画。

这个静态加载屏幕上没有可见的悬停状态。 · 没有交互元素。

08

组件

  • hero 一个位于视口下部中央位置的黑色方块。

09

文案语气与禁用清单

  • 语气 抽象、静默且结构性。
  • 标题风格 没有标题。
  • 按钮文案 没有行动号召。
  • 不要添加渐变或装饰性背景——截图显示的是一个纯色、单色的区域。
  • 不要使用多种字型或字重——状态文本只使用一种小巧的 grotesque-sans 字体。
  • 不要创建复杂的多组件布局——整个界面就是一个几何图形放在空白画布上。
  • 不要为任何元素添加圆角——中心形状是一个具有90度锐利角度的完美正方形。
  • 不要使用阴影或深度效果——设计依赖于纯粹、扁平、高对比度的形式。
  • 不要包含任何色彩点缀或不同的色调——配色严格限制在接近纯白的背景和黑色墨水。
  • 避免: 避免任何装饰性元素或渐变。
  • 避免: 避免使用多种颜色或字体。
  • 避免: 避免任何复杂布局或组件结构。

11

System Prompt

这个设计代表了一个用于设计代理机构的超极简实验性加载界面。它使用了极端的双色配色方案:接近纯白的背景(#f2f2f2)和纯黑色墨水(#000000),用于其唯一的几何元素和排版。字体类别是 grotesque-sans,仅以极小的尺寸用于状态指示。关键禁忌:不要引入任何渐变、阴影或装饰元素;不要使用圆角;不要添加任何色彩点缀。核心原则是将界面简化为最基本的结构组件,专注于留白和几何纯粹性。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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