CURATED · OPEN · FREE

Thomasmonavon

A minimalist photography portfolio showcasing large-scale imagery with clean, typographic design.

PhotographicPortfolioStudioCleanMinimal

↓ Download design system (5 MB)Open in OpenDesign

Visit: https://www.thomasmonavon.com

📦 Browse pack contents →

Identity DNA

PhotographyPortfolioEditorialMinimalist

A high-end photography portfolio with a clean, minimalist aesthetic.

Color

#000000Ink

#ffffffBG

rgba(0,0,0,0.1)Line

High-contrast monochromatic with pure white backgrounds and black text, allowing photography to provide all color.

Typography

geometric-sans

display38px · 500
body16px · 500

All text uses Lay Grotesk with weight 500 for a consistent, modern feel. · Large headlines use tight letter-spacing of -1.14px for a bold, condensed look. · Text transforms to uppercase for navigation and labels.

Spacing

4px

8px

16px

20px

24px

32px

48px

64px

96px

Generous whitespace with consistent 20px padding for content areas.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

None visible; relies on pure white backgrounds and black elements for structure.

Layout

1440container

12columns

20pxgutter

768 / 1024breakpoints

Split-screen hero with 50/50 division between white content area and full-bleed photography.

Motion & Interaction

150msmicro

400mssmall

600msmedium

cubic-bezier(0.52, 0, 0, 1)easing

Opacity transitions for smooth visibility changes · Transform transitions for movement effects

Pointer cursor indicates clickable elements throughout the interface. · No visible click state changes in the provided screenshots.

Components

button Minimal text-based buttons with pointer cursor, no visible borders or backgrounds.
card Clean image-based cards with no borders or shadows, focusing on photography.
chip Simple text labels with uppercase transformation.
input No visible input fields in the provided screenshots.
hero Split-screen with large typography on white background and full-bleed photography on the right.

Voice & Don'ts

Tone Professional and minimalist
Headlines Bold, uppercase, tight letter-spacing for impact
CTAs Minimal text-based with no visual emphasis

Don't add decorative borders or shadows — screenshot shows completely flat surfaces
Don't use multiple font families — screenshot shows consistent Lay Grotesk throughout
Don't add colorful accents — screenshot shows purely monochromatic palette
Don't use heavy shadows or depth effects — screenshot shows flat, minimalist design
Don't clutter with excessive UI elements — screenshot shows generous whitespace
Don't use rounded corners — screenshot shows sharp, clean edges on all elements
Avoid: Decorative elements
Avoid: Busy layouts
Avoid: Colorful accents
Avoid: Complex typography

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a minimalist photography portfolio site with a clean, editorial aesthetic. The design uses a pure white (#ffffff) background with black (#000000) text, creating high contrast that lets photography provide all visual interest. Typography uses Lay Grotesk (geometric-sans) at weight 500 with tight letter-spacing (-1.14px) for headlines. The layout features a split-screen hero with 50/50 division between white content area and full-bleed photography. Key features include generous whitespace, consistent 20px padding, uppercase text transforms for navigation, and smooth opacity/transform transitions. Critical constraints: maintain monochromatic palette, avoid decorative elements, preserve generous spacing, keep typography consistent with weight 500 throughout.

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