OpenDesign·你的设计资产库

网页参考

Sarahfatmi

一个高度克制、编辑式的摄影作品集,强烈聚焦于摄影和简洁的排版。

EditorialCleanRefinementCurationPhotographic

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

01

设计气质 DNA

极简编辑式作品集建筑简洁

一个高端摄影画廊或建筑专著。

02

色彩

#000000Ink
#FFFFFFBG
#999999Muted
rgba(0,0,0,0.1)Line

严格的单色高对比度色板,色彩依赖于摄影作品。

03

字体

humanist-sans

  • display48px · 300

标题使用轻字重。 · 标题与正文字号形成高对比度。 · 文本元素周围留有充足的空白。

04

间距

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

基于慷慨的 8px 基本单位的垂直节奏。

05

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

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

极少的 1px 细边框,使用 rgba(0,0,0,0.1) 进行微妙分隔。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

非对称网格,包含大型图片区块和慷慨的负空间。

07

动效与交互

200msmicro
350mssmall
600msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

页面加载时微妙的淡入过渡。 · 平滑的滚动行为。

交互元素上微妙的透明度降低。 · 即时响应,无显著的缩放动画。

08

组件

  • button 文本链接或无背景填充的极简幽灵按钮。
  • card 无独立的卡片组件;内容以流畅网格呈现。
  • chip 简单的无边框文本标签或链接。
  • input 极简、无边框的文本输入框,仅带底部边框。
  • hero 全宽摄影主图,仅叠加最少量文字。

09

文案语气与禁用清单

  • 语气 专业、自信、低调。
  • 标题风格 简短、直接、陈述性的语句。
  • 按钮文案 微妙的文本链接,而非突出的按钮。
  • 勿使用明亮的强调色——截图显示为严格的黑、白、灰色板。
  • 勿为图片或容器添加圆角——截图显示为锐利的 0px 圆角边缘。
  • 勿使用厚重的投影——截图显示为完全扁平的表面。
  • 勿为标题使用粗体或重字重——截图显示为轻盈、优雅的排版字重。
  • 勿在布局中过度堆砌内容——截图显示为大量的留白和极少的文字。
  • 勿使用复杂的背景图案或渐变——截图显示仅使用纯色 #FFFFFF 背景。
  • 避免: 过度装饰
  • 避免: 喧嚣的行动号召
  • 避免: 复杂的动画

11

System Prompt

这是一个为摄影师或建筑师设计的极简主义、编辑式作品集网站。它采用严格的单色色板(黑、白、灰),不使用主导性的强调色。排版轻盈优雅,使用人文无衬线字体类别,并留有大量空白。布局为非对称式,强烈聚焦于大尺寸摄影。关键设计约束:避免使用任何明亮的强调色、圆角或投影。网站依赖扁平、高对比度的美学。避免使用粗重字重和杂乱的布局;始终保持一种平静、克制的优雅感。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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