OpenDesign·你的设计资产库

网页参考

Guillaumetomasi

采用实验性布局与扭曲图像元素的艺术摄影作品集。

StudioGalleryPhotographicCleanExperimental
Guillaumetomasi 网站截图

01

设计气质 DNA

实验性艺术化编辑式摄影扭曲

运用数字扭曲与拼贴手法的数字艺术画廊或摄影师作品集。

02

色彩

#000000Ink
#FFFFFFBG
rgba(0,0,0,1.0)Line

严格单色方案,所有色彩变化来自摄影图像。

03

字体

grotesque-sans

  • display66px · 400
  • body23px · 400
  • meta20px · 400

所有文字严格使用大写。

04

间距

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

非对称布局,采用悬浮式拼贴定位。

05

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

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

无。元素完全依赖构图与间距。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

自由拼贴布局。图像与文字有意重叠。

07

动效与交互

220msmicro
400mssmall
1000msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing

内容揭示采用缓慢平滑的转场效果。

指针光标。 · 指针光标。

08

组件

  • button 无可见按钮。
  • card 无可见卡片。
  • chip 无可见标签。
  • input 无可见输入框。
  • hero 大型文字与浮动图像重叠,采用数字扭曲效果。

09

文案语气与禁用清单

  • 语气 艺术化、抽象化、极简主义。
  • 标题风格 粗体大写,碎片化或诗意化表达。
  • 按钮文案 大写等宽字体,风格克制。
  • 勿使用网格对齐——截图显示为自由拼贴布局。
  • 勿使用投影效果——截图显示为平面构图。
  • 勿混合字体粗细——截图显示统一字重(400)。
  • 勿使用小写文字——截图显示全大写文本。
  • 勿使用圆角边框——截图显示严格矩形元素。
  • 勿使用高饱和度背景色——截图显示纯白背景。
  • 避免: 直白描述。
  • 避免: 明亮非自然色彩。
  • 避免: 刚性对齐。

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

定位为实验性摄影作品集或艺术工作室网站。主色调为纯白(#FFFFFF)与纯黑(#000000),所有色彩来自摄影图像本身。字体采用几何无衬线体大写字体。关键设计禁忌包括:避免使用投影、避免圆角、避免小写文字。布局为自由重叠的拼贴形式而非刚性网格。转场效果需平滑缓慢。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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