OpenDesign·你的设计资产库

网页参考

Frankys Hats

一个实验性帽子网站的极简深色加载界面。

Dark ModeExperimentalMinimalistTypography

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

01

设计气质 DNA

极简加载深色粗野主义复古

一个等待输入的空白终端屏幕。

02

色彩

#d9d0c7Ink
#000000BG
rgba(255, 255, 255, 0.05)Line

高对比度单色,配以微妙的扫描线纹理。

03

字体

monospaced

  • display14px · 400

所有文本均为大写 · 使用等宽字体族 · 保持严格的网格对齐

04

间距

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

基于 4px 增量的刚性网格。

05

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

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

无,依赖颜色和扫描线纹理。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

全视口黑色背景,中央放置矩形扫描线纹理。

07

动效与交互

0msmicro
0mssmall
0msmedium
lineareasing

静态截图中未检测到动态效果。

无可见元素。 · 无可见元素。

08

组件

  • button 无可见元素。
  • card 无可见元素。
  • chip 无可见元素。
  • input 无可见元素。
  • hero 全视口黑色背景,中央扫描线纹理区域包含加载文本。

09

文案语气与禁用清单

  • 语气 静默、等待、神秘。
  • 标题风格 全大写、等宽、低调。
  • 按钮文案 无可见元素。
  • 不要使用亮色强调色——截图显示为纯粹的黑色与米白色单色调色板。
  • 不要使用圆角——截图显示扫描线纹理为尖锐、无圆角的边缘。
  • 不要使用无衬线字体——截图显示为等宽打字机风格字体。
  • 不要使用复杂布局——截图显示为黑色虚空中单一居中元素。
  • 不要使用投影——截图显示为无深度提示的平面设计。
  • 不要使用装饰元素——截图仅显示功能性扫描线纹理和文本。
  • 避免: 避免使用亮色
  • 避免: 避免使用装饰性字体
  • 避免: 避免使用圆角

11

System Prompt

这是一个实验性帽子网站的极简深色模式加载界面。特点是纯黑背景,中央矩形区域填充了微妙的横向扫描线纹理。纹理内以小号、大写、等宽字体显示文本 'LOADING HATS ...'。调色板严格限定为黑色 (#000000) 和用于文本的温暖米白色 (#d9d0c7)。无按钮、导航或其他可见 UI 元素。设计简洁粗野,完全依赖排版和纹理。关键禁忌:不要引入除黑色和米白色以外的任何颜色。不要使用圆角或投影。不要使用非等宽字体。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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