精选 · 开放 · 免费
Guillaumetomasi
采用实验性布局与扭曲图像元素的艺术摄影作品集。
StudioGalleryPhotographicCleanExperimental
01
设计气质 DNA
实验性艺术化编辑式摄影扭曲
运用数字扭曲与拼贴手法的数字艺术画廊或摄影师作品集。
02
色彩
#000000Ink
#FFFFFFBG
rgba(0,0,0,1.0)Line
严格单色方案，所有色彩变化来自摄影图像。
03
字体
grotesque-sans
- display
66px · 400 - body
23px · 400 - meta
20px · 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
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
定位为实验性摄影作品集或艺术工作室网站。主色调为纯白（#FFFFFF）与纯黑（#000000），所有色彩来自摄影图像本身。字体采用几何无衬线体大写字体。关键设计禁忌包括：避免使用投影、避免圆角、避免小写文字。布局为自由重叠的拼贴形式而非刚性网格。转场效果需平滑缓慢。
en · zh-CN · zh-TW · ja · ko