OpenDesign·你的设计资产库

网页参考

Patrickmiller Se

一个以巨大、鲜明排版为核心的极简主义摄影作品集。

PortfolioStudioCleanBold TypographyPhotographic

封面待补录,可通过原站查看设计。

01

设计气质 DNA

摄影工作室极简创意作品集

一个鲜明、自信的摄影师作品集,以大胆的排版身份引领,并让图像自己说话。

02

色彩

#6F2C30Accent
#000000Ink
#FD9B65BG
rgba(0,0,0,1.0)Line

明亮温暖的主背景与纯黑文字形成对比,摄影区域则运用深酒红、蓝色和纯黑色。

03

字体

humanist-sans · system-sans

  • display331px · 400
  • body16px · 400

主标题字体采用极端尺度设置,行高紧凑且字间距为负值。

04

间距

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

容器元素统一采用宽裕的内边距(72像素)。

05

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

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

无可见边框;依靠色彩对比和排版进行分隔。

06

布局

1440container
1columns
72pxgutter
768breakpoints

全出血、单栏布局,主标题区域由巨大排版锚定。

07

动效与交互

220msmicro
300mssmall
400msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

元素广泛应用 transform 和 opacity 过渡,暗示流畅的滚动或展示效果。

带有 cursor:pointer 的元素可能具有微妙的 scale 或 opacity 变换。 · 通过 transition 属性立即响应。

08

组件

  • button 右上角一个旋转的小白色方块,用作联系链接。
  • card 全出血摄影区域。
  • hero 全屏纯色背景,以巨大的单行排版为主导。

09

文案语气与禁用清单

  • 语气 自信、直接、极简。
  • 标题风格 采用全大写或首字母大写、带有极端负字间距的巨大单字或姓名陈述。
  • 按钮文案 微妙、旋转的文本元素,作为持久的联系点。
  • 不要使用多种冲突的背景色——截图显示每个区域只有一个主导暖色调。
  • 不要给元素添加投影——截图显示完全扁平、硬边设计。
  • 不要为主要陈述使用小巧精致的字体——截图依赖于巨大、粗重的字体。
  • 不要给 UI 元素使用圆角——截图显示严格的直角矩形几何形状。
  • 不要用多栏布局使版面拥挤——截图显示严格的单栏结构。
  • 不要使用复杂的导航栏——截图显示仅一个旋转的角落元素用于联系。
  • 避免: 过度描述性文本。
  • 避免: 复杂的 UI 组件。
  • 避免: 杂乱的布局。

10

包内真实截图

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

11

System Prompt

一个摄影工作室的极简主义作品集,以巨大、鲜明的排版和大胆的纯色背景为定义。主色板使用明亮的橙色(#FD9B65)和深酒红色(#6F2C30),以纯黑色(#000000)作为文字和边框的锚定。排版采用人文无衬线展示字体,尺度极端,行高紧凑且字间距为负。关键约束:保持严格的单栏、全出血布局;避免任何圆角或投影;确保主标题文字保持极端尺度以维持网站自信、编辑式的身份。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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