OpenDesign·你的设计资产库

网页参考

Simonesniekers

极简摄影作品集,以大胆的饱和渐变作为画布,承载居中的高级时装影像。

PortfolioGalleryPhotographicStudioMinimal
Simonesniekers 网站截图

01

设计气质 DNA

极简编辑风格摄影作品集洁净

高端摄影展览目录的网页化呈现,视觉冲击力优先于界面装饰。

02

色彩

#000000Ink
#E95531BG
#EDAB1EBG soft
#808080Muted
rgba(0,0,0,1.0)Line

界面元素极致克制;设计依赖鲜艳的背景渐变与大胆影像,而非复杂界面。

03

字体

neo-grotesque-sans · transitional-serif

  • display16px · 400

所有主要文本使用 Neue Haas Grotesk · 所有界面元素保持极小且一致的字号(16px)

04

间距

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

慷慨的垂直边距与内边距,常超过1000px,营造开阔的留白空间。

05

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

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

无可见边框;界面采用无边设计。

06

布局

1920container
12columns
16pxgutter
768 / 1024breakpoints

单一居中图像置于全视口渐变背景上,少量文字锚定于底部边缘。

07

动效与交互

220msmicro
1000mssmall
1250msmedium
cubic-bezier(0.25, 1, 0.5, 1)easing

背景色过渡 · 滚动/加载时的形变

交互文本元素上光标变为指针。 · 触发导航或状态变化。

08

组件

  • button 无传统按钮;文本标签作为主要交互元素。
  • card 无卡片设计;单一居中图像是唯一内容容器。
  • chip 无可见标签组件。
  • input 无可见输入框。
  • hero 全屏垂直摄影图像,居中于鲜艳渐变背景之上。

09

文案语气与禁用清单

  • 语气 极简、自信、静默。
  • 标题风格 无标题;仅使用小型功能标签,如'0%'、'Simone Sniekers'与'Info'。
  • 按钮文案 无明确行动号召;导航微妙且隐含。
  • 不使用投影——截图显示完全扁平的图像与文本,无任何立体感。
  • 不添加界面边框或轮廓——截图显示渐变背景与图像之间洁净的边缘。
  • 不使用多种字号或字重——截图显示所有文本采用统一的16px/400字重。
  • 不使用传统导航栏——截图仅显示锚定于底部的少量文本标签。
  • 不使用白色或浅色中性背景——截图显示主导性的鲜艳橙黄渐变。
  • 不使用多个内容卡片堆砌——截图显示单一居中摄影图像作为视觉焦点。
  • 避免: 避免复杂布局、过多文本、界面边框、阴影或标准界面组件。

10

包内真实截图

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

11

System Prompt

设计一个极简摄影作品集,界面极致克制。使用鲜艳的渐变背景(橙色#E95531到黄色#EDAB1E)作为主要画布。字体必须使用新无衬线体(Neue Haas Grotesk),所有标签统一采用16px/400字重。布局将单一高级时装摄影图像居中于全视口。关键禁忌:无投影、无界面边框、无多种字号、无传统导航栏、无白色背景、无内容卡片。体验应如同静默的高端画廊展览,图像为绝对核心。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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