精選 · 開放 · 免費

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

容器元素一致使用寬裕的內距（72px）。

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

廣泛應用於元素的變形與透明度過渡，暗示流暢的捲動或揭示效果。

帶有 cursor:pointer 的元素，可能具有細微的縮放或透明度變形效果。 · 透過過渡屬性立即回應。

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）作為文字與邊框的基調。字體採用 humanist-sans 展示字體，以極端尺度設定，搭配緊湊行高與負字距。關鍵限制：維持嚴格的單欄全出血佈局；避免任何圓角或陰影；確保首頁文字保持極端尺度，以維持網站自信、編輯風格的識別。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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