OpenDesign·你的设计资产库

网页参考

Leandrofarina

一个精致的摄影作品集,以电影般的精准度展示高端商业作品。

StudioPhotographicCurationGalleryPremium

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

01

设计气质 DNA

摄影师作品集编辑风格极简奢华

一间白墙高悬、精心打光作品的高端摄影画廊。

02

色彩

#000000Ink
#999999Ink soft
#FFFFFFBG
#CCCCCCMuted
rgba(0, 0, 0, 0.05)Line

中性的画布,让摄影作品成为焦点。

03

字体

humanist-sans

  • display56px · 400
  • heading14px · 400

使用轻字重以实现优雅的排版 · 为大写字母文本保留充足的字间距 · 保持正文文字小巧而低调

04

间距

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

充裕的垂直间距为元素之间创造呼吸感。

05

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

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

无可见边框,依赖间距进行分隔。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

全出血主图搭配极简的页头与页脚控件。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

作品集之间的平滑滚动过渡 · 图片加载时的微妙淡入

交互元素上微妙的透明度变化。 · 即时的导航响应。

08

组件

  • button 纯文本导航,无可见按钮样式。
  • card 全出血图片卡片,无边框或阴影。
  • chip 当前状态下不可见。
  • input 当前状态下不可见。
  • hero 电影感全宽照片,叠加排版文字。

09

文案语气与禁用清单

  • 语气 安静、自信且低调。
  • 标题风格 极简的排版,让作品自己说话。
  • 按钮文案 温和的引导,如“向下滚动查看更多”,而非强硬的行动号召。
  • 不要使用厚重的边框或阴影——截图显示仅通过间距实现清晰分隔。
  • 不要添加彩色强调——截图保持严格的单色调色板。
  • 不要使用粗体字重——截图显示一致的轻字重排版。
  • 不要用多个行动号召来制造杂乱——截图显示单一、极简的提示。
  • 不要使用装饰性形状——截图显示纯摄影内容。
  • 不要使用深色背景——截图显示白色画布搭配深色图像。
  • 避免: 繁重的视觉杂乱
  • 避免: 明亮、饱和的色彩
  • 避免: 密集的文字块
  • 避免: 侵略性的营销语言
  • 避免: 装饰性元素

11

System Prompt

这是一个为商业摄影师设计的极简摄影作品集。设计采用严格的黑白配色方案,背景为 #FFFFFF,文字为 #000000,让摄影成为绝对焦点。排版使用 humanist-sans 字体,始终保持轻字重以体现优雅。关键位置包括:页头(艺术家姓名+版块计数器)、主内容(全出血照片)和页脚(滚动提示)。关键禁忌:永远不要使用彩色强调,永远不要给图片添加阴影,永远不要使用粗体字重,永远不要用多个导航元素制造杂乱,永远不要用边框分隔内容。网站应让人感觉像一个宁静的画廊空间,每张照片都能获得最大的视觉冲击力。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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