精选 · 开放 · 免费

Patrickmiller Se

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

PortfolioStudioCleanBold TypographyPhotographic

Patrickmiller Se 网站截图

↓ 下载设计系统包 (25 MB)在 OpenDesign 中打开

原站: https://patrickmiller.se

📦 浏览包内文件 →

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

包内真实截图

Patrickmiller Se — 桌面首屏（hero） — 桌面首屏（hero）

Patrickmiller Se — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Patrickmiller Se — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Patrickmiller Se — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Patrickmiller Se — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Patrickmiller Se — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Patrickmiller Se — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Patrickmiller Se — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Patrickmiller Se — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Patrickmiller Se — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Patrickmiller Se — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Patrickmiller Se — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Patrickmiller Se — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Patrickmiller Se — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Patrickmiller Se — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Patrickmiller Se — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Patrickmiller Se — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Patrickmiller Se — 移动首屏 — 移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

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

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko