CURATED · OPEN · FREE

Patrickmiller Se

A minimalist, photography-focused portfolio anchored by massive, stark typography.

PortfolioStudioCleanBold TypographyPhotographic
Patrickmiller Se screenshot
↓ Download design system (25 MB)Open in OpenDesign

Visit: https://patrickmiller.se

📦 Browse pack contents →

01

Identity DNA

PhotographyStudioMinimalCreativePortfolio

A stark, confident photographer's portfolio that leads with a bold typographic identity and lets the images speak.

02

Color

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

A vibrant, warm hero background contrasts with stark black text, while photography sections utilize deep maroons, blues, and solid blacks.

03

Typography

humanist-sans · system-sans

Hero typography is set at an extreme scale with tight line heights and negative tracking.

04

Spacing

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

Generous padding (72px) is used consistently for container elements.

05

Surfaces

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

None visible; relies on color contrast and typography for separation.

06

Layout

1440container
1columns
72pxgutter
768breakpoints

Full-bleed, single-column layout with massive typography anchoring the hero section.

07

Motion & Interaction

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

Transforms and opacity transitions are widely applied to elements, suggesting smooth scrolling or reveal effects.

Elements with cursor:pointer likely feature subtle scale or opacity transforms. · Immediate response via transition properties.

08

Components

09

Voice & Don'ts

10

Inside the pack — real screenshots

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 — 移动首屏
移动首屏

Captured from the live site · real computed styles

11

System prompt

A minimalist portfolio for a photography studio, defined by massive, stark typography and bold, solid background colors. The primary palette uses a vibrant orange (#FD9B65) and deep maroon (#6F2C30), anchored by solid black (#000000) for text and borders. Typography features a humanist-sans display font scaled to extreme sizes with tight line heights and negative tracking. Critical constraints: maintain a strictly single-column, full-bleed layout; avoid any rounded corners or drop shadows; ensure hero text remains at an extreme scale to preserve the site's confident, editorial identity.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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