---
name: Dmitrkutsenko
description: "An excellent example of using extreme typographic scale and negative space to create a premium, gallery-like atmosphere for a creative portfolio."
version: alpha

colors:
  background: "#1D1D1F"
  primary: "#F1F1F1"
  neutral: "#656565"
  line: "rgba(101,101,101,0.2)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 75px
    lineHeight: 0.95
    fontWeight: 400
    letterSpacing: "-1.5px"
  body:
    fontFamily: geometric-sans
    fontSize: 14px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0"

rounded:
  sm: 0px
  md: 0px
  lg: 0px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

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

*A darkened gallery entrance announcing the artist.*

## Colors

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

- **Background (`#1D1D1F`)** — uses `bg` token
- **Primary text (`#F1F1F1`)** — uses `ink` token
- **Muted (`#656565`)** — uses `muted` token
- **Borders (`rgba(101,101,101,0.2)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** geometric-sans

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

## Layout

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

*Rhythm:* 4px base unit grid.

## Elevation & Depth

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

## Shapes

- `sm`: 0px
- `md`: 0px
- `lg`: 0px
- `pill`: 999px

## 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.

## Do's and Don'ts

**Don't:**
- 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.

---

## System Prompt (paste into AI agent)

```
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.
```