CURATED · OPEN · FREE

Christopherireland

A refined portfolio for a photographer and director with strict editorial restraint

PortfolioPhotographicEditorialCleanRefined

↓ Download design system (4 MB)Open in OpenDesign

Visit: https://christopherireland.net

📦 Browse pack contents →

Identity DNA

minimalisteditorialphotographydirectorial

A high-end printed magazine layout translated to the web

Color

#000000Ink

#5D5B5BInk soft

#F2F1ECBG

#BBBBBBMuted

rgba(0,0,0,1)Line

Strictly monochrome ink on a warm, off-white ground with zero color accents

Typography

didone-serif · geometric-sans · monospace

display96px · 400
heading63px · 400
body16px · 400

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous vertical spacing with a consistent 30px header padding

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

A single 1px horizontal rule separates the header from the content area

Layout

1200container

12columns

24pxgutter

768 / 1024breakpoints

A two-column layout with text navigation on the left and a large featured image on the right

Motion & Interaction

200msmicro

300mssmall

800msmedium

cubic-bezier(0.25, 0.1, 0.25, 1)easing

Smooth background-color and opacity transitions for interactive states

Subtle transitions on text links and category titles · Direct navigation to respective sections

Components

button Text-based navigation links with a simple underline on hover
card None; content is presented in a flat list with large category titles
chip None
input None
hero Full-width typography-driven header featuring the photographer's name

Voice & Don'ts

Tone Sophisticated, quiet, and professional
Headlines Large, all-caps or title-case serif typography
CTAs Understated text links

don't use vibrant accent colors — the screenshot shows a strictly black and white palette on cream
don't use rounded corners — the screenshot shows a completely flat, rectangular aesthetic
don't use drop shadows — the screenshot shows a clean layout without depth effects
don't use small, dense paragraphs — the screenshot shows generous whitespace and large headings
don't use decorative sans-serif fonts for headings — the screenshot uses a high-contrast serif for display
don't use complex grid overlays — the screenshot relies on simple alignment and whitespace
Avoid: Bright colors
Avoid: Decorative elements
Avoid: Busy backgrounds

Inside the pack — real screenshots

Christopherireland — 桌面首屏（hero） — 桌面首屏（hero）

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

Captured from the live site · real computed styles

System prompt

This website is a refined portfolio for a photographer and director named Christopher Ireland. The design DNA is built on strict editorial restraint, utilizing a warm off-white (#F2F1EC) background and purely monochrome ink (#000000, #5D5B5B). Typography is the primary expressive tool, featuring a Didone serif for large display headings and a geometric sans-serif for body text. The layout is characterized by extreme generous whitespace and a clean two-column structure. Critical constraints include avoiding any vibrant color accents, eliminating rounded corners or drop shadows to maintain a flat, printed feel, and refraining from any complex decorative UI components. The overall tone is sophisticated and quiet.

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