CURATED · OPEN · FREE

Dmitrkutsenko

A stark, typographic introduction for a fashion photographer's portfolio.

PhotographicPortfolioStudioBold TypographyCuration

↓ Download design system (0 MB)Open in OpenDesign

Visit: https://www.dmitrkutsenko.com

📦 Browse pack contents →

Identity DNA

photographyportfoliominimalpremiumfashion

A darkened gallery entrance announcing the artist.

Color

#F1F1F1Ink

#1D1D1FBG

#656565Muted

rgba(101,101,101,0.2)Line

High-contrast monochrome to ensure photographic content is the focal point.

Typography

geometric-sans

display75px · 400
body14px · 400

Display text is uppercase and tightly tracked. · Body text is set in uppercase for navigation and interface elements.

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

4px base unit grid.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 999px

No visible structural borders; relies on spacing and color contrast.

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Full-bleed hero with minimal, edge-aligned navigation.

Motion & Interaction

220msmicro

400mssmall

800msmedium

cubic-bezier(0.25, 0.46, 0.45, 0.94)easing

Subtle color transitions on interactive elements. · Implied scroll-driven or click-triggered content reveals.

Subtle background-color or text-color transitions. · Triggers content transition or navigation.

Components

button Text-only triggers, often with subtle hover color transitions.
card None visible in the provided view.
chip None visible in the provided view.
input None visible in the provided view.
hero Large, uppercase typographic statement anchored to the bottom-left corner.

Voice & Don'ts

Tone Authoritative, minimal, and direct.
Headlines All-caps, tight-tracking, statement-driven.
CTAs Small, muted, instructional.

Don't use gradients or complex background patterns — screenshot shows a solid, dark flat background.
Don't use rounded corners on primary elements — screenshot shows sharp edges and a full-radius circle for badges only.
Don't use bold font weights for display text — screenshot shows a uniform weight of 400 across all text.
Don't use a high-chroma accent color — screenshot shows a strict monochrome palette.
Don't center-align the main headline — screenshot shows strict left alignment anchored to the bottom-left.
Don't use standard sentence casing for navigation — screenshot shows all-caps for menu and CTA elements.
Avoid: Decorative elements
Avoid: Busy backgrounds
Avoid: Cluttered navigation

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a minimalist, premium photography portfolio site. The design DNA relies on a stark, high-contrast monochrome palette (#1D1D1F background, #F1F1F1 ink) and aggressive, tight-tracked uppercase typography (Greycliff, geometric-sans) to command attention. The layout is sparse, with a full-bleed hero section anchoring text to the bottom-left corner. Critical constraints: never introduce vibrant accent colors; maintain strict left-alignment for primary headlines; keep all font weights at 400 (regular); and avoid any decorative UI elements that would distract from the photographic content. Interaction is minimal, relying on subtle 0.4s transitions.

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