CURATED · OPEN · FREE

Josephinelochen

A minimalist, image-driven portfolio for a fashion professional.

EditorialPhotographicPortfolioGalleryCuration

↓ Download design system (11 MB)Open in OpenDesign

Visit: https://josephinelochen.com

📦 Browse pack contents →

Identity DNA

fashionportfolioeditorialminimalist

A high-fashion lookbook or gallery exhibition.

Color

#000000Ink

#FFFFFFBG

#CECECEMuted

rgba(0,0,0,1)Line

Strict monochromatic contrast with minimal UI to maximize photographic impact.

Typography

grotesque-sans

body13px · 400

Text is kept small and unobtrusive. · Use sans-serif typography for all interface elements.

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous whitespace to let photography breathe.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

No visible borders on main UI elements.

Layout

1920container

12columns

50pxgutter

768 / 1024breakpoints

Full-bleed imagery with fixed-position header and grid gallery below.

Motion & Interaction

220msmicro

400mssmall

800msmedium

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

Opacity fade-in for image transitions.

Cursor changes to pointer or grab on images. · Standard pointer interaction.

Components

button No buttons visible; navigation is text-based.
card Image cards in a grid layout, presented without borders or shadows.
hero Large, full-bleed photographic hero image.

Voice & Don'ts

Tone Minimalist and professional.
Headlines Simple, direct text navigation.
CTAs No prominent CTAs visible.

Don't use gradients — the UI is strictly flat and monochromatic.
Don't add drop shadows to images or cards — they are presented cleanly without depth.
Don't use rounded corners — the layout relies on sharp, rectilinear shapes.
Don't use multiple font families — typography is strictly uniform and minimal.
Don't use bold, decorative headings — text is kept small, regular weight, and functional.
Don't use bright or varied accent colors — the palette is strictly black, white, and photographic.
Avoid: Excessive text
Avoid: Decorative UI elements
Avoid: Bright colors

Inside the pack — real screenshots

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

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

Captured from the live site · real computed styles

System prompt

This is a minimalist, image-driven portfolio website for a fashion professional. It uses a strict monochromatic color palette, with a pure white background (#FFFFFF) and solid black text (#000000). The typography is a clean grotesque-sans font, kept small and regular weight to ensure the photography remains the focus. Key design principles include full-bleed imagery, generous whitespace, and a complete absence of decorative UI elements. Critical constraints include: Do not use rounded corners, as the layout is sharp and rectilinear. Do not add shadows or borders to image cards. Do not use multiple font families or varied accent colors.

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