CURATED · OPEN · FREE

Simonesniekers

A minimalist photography portfolio that uses bold, saturated gradients as a canvas for centered, high-fashion imagery.

PortfolioGalleryPhotographicStudioMinimal

↓ Download design system (4 MB)Open in OpenDesign

Visit: https://www.simonesniekers.com

📦 Browse pack contents →

Identity DNA

minimaleditorialphotographyportfolioclean

A high-end photography exhibition catalog brought to the web, prioritizing visual impact over UI chrome.

Color

#000000Ink

#E95531BG

#EDAB1EBG soft

#808080Muted

rgba(0,0,0,1.0)Line

Extreme restraint in UI elements; the design relies on vibrant background gradients and bold imagery rather than complex UI.

Typography

neo-grotesque-sans · transitional-serif

display16px · 400

Use Neue Haas Grotesk for all primary text · Maintain a very small, consistent font size (16px) across all UI elements

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous vertical padding and margin, often exceeding 1000px, creating expansive empty space.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

None visible; UI is edge-to-edge.

Layout

1920container

12columns

16pxgutter

768 / 1024breakpoints

A single, centered image on a full-viewport gradient background, with minimal text anchored to the bottom edges.

Motion & Interaction

220msmicro

1000mssmall

1250msmedium

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

Background color transitions · Transformations on scroll/load

Cursor changes to pointer on interactive text elements. · Triggers navigation or state changes.

Components

button No traditional buttons; text labels act as primary interactive elements.
card No cards; the single, centered image is the sole content vessel.
chip No chips visible.
input No inputs visible.
hero A full-screen, vertically oriented photographic image centered on a vibrant gradient background.

Voice & Don'ts

Tone Minimalist, confident, and silent.
Headlines No headlines; only small, functional labels like '0%', 'Simone Sniekers', and 'Info'.
CTAs No explicit CTAs; navigation is subtle and implied.

Don't use drop shadows — screenshot shows completely flat imagery and text without any elevation.
Don't add UI borders or outlines — screenshot shows clean edges between the gradient background and the image.
Don't use multiple font sizes or weights — screenshot shows a uniform 16px/400 weight across all text.
Don't use traditional navigation bars — screenshot shows only a few text labels anchored to the bottom.
Don't use a white or light neutral background — screenshot shows a dominant, vibrant orange-to-yellow gradient.
Don't clutter with multiple content cards — screenshot shows a single, centered photographic image as the primary focus.
Avoid: Avoid complex layouts, excessive text, UI borders, shadows, or standard UI components.

Inside the pack — real screenshots

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

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

Captured from the live site · real computed styles

System prompt

Design a minimalist photography portfolio with extreme UI restraint. Use a vibrant gradient background (orange #E95531 to yellow #EDAB1E) as the primary canvas. Typography must be Neo-grotesque-sans (Neue Haas Grotesk) at a uniform 16px/400 weight for all labels. Layout centers a single, high-fashion photographic image on a full viewport. Critical donts: no drop shadows, no UI borders, no multiple font sizes, no traditional navigation bars, no white backgrounds, and no content cards. The experience should feel like a silent, high-end gallery exhibition where the imagery is the absolute hero.

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