CURATED · OPEN · FREE

Artisansdidees

A high-contrast, typographic editorial layout with a stark black background and widely spaced uppercase headings.

EditorialPremiumTypographyClean

↓ Download design system (0 MB)Open in OpenDesign

Visit: https://www.artisansdidees.com/en

📦 Browse pack contents →

Identity DNA

minimaldarktypographiceditorialpremium

a dark, minimalist art gallery catalog

Color

#ffffffInk

#3e3d36Ink soft

#000000BG

#bbbaaeMuted

rgba(255,255,255,0.1)Line

Extreme high contrast: absolute black background with white and muted gray typography.

Typography

grotesque-sans

display82px · 100
body14px · 400
caption12px · 400

All text is uppercase · Wide letter-spacing is standard for both display and body · Ultra-thin weights are used for large display text

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

generous vertical spacing defined by large padding blocks and wide letter-spacing

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 999px

1px solid borders using white, black, or dark gray colors

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Minimalist vertical stack with large center-aligned sections

Motion & Interaction

220msmicro

400mssmall

800msmedium

cubic-bezier(0.33, 1, 0.68, 1)easing

Slow 2s color transitions · Transform transitions on interaction

Cursor changes to pointer on interactive elements · Triggers transform transitions

Components

button Cursor pointer indicating interactive elements
card Minimal or non-existent, relying on typography and spacing
chip Minimal or non-existent
input Minimal or non-existent
hero Full-screen black canvas with centered, widely spaced ultra-thin uppercase typography

Voice & Don'ts

Tone formal, minimalist, and premium
Headlines Ultra-thin, uppercase, widely spaced
CTAs Understated, relying on cursor and transition cues

don't use lowercase text — screenshot shows all text is uppercase
don't use heavy font weights — screenshot shows ultra-thin (100) display text
don't use tight letter-spacing — screenshot shows wide spacing (3.6px) as a primary feature
don't use bright or saturated colors — screenshot shows a strictly monochromatic palette
don't use background colors other than pure black — screenshot shows a solid #000000 background
don't use decorative graphics — screenshot shows text and minimal elements only
Avoid: decorative elements
Avoid: vibrant colors
Avoid: heavy font weights
Avoid: lowercase headings
Avoid: busy layouts
Avoid: drop shadows

Inside the pack — real screenshots

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

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

Captured from the live site · real computed styles

System prompt

This is a premium, minimalist editorial website for 'Artisans d'Idées'. It features a stark black (#000000) background with ultra-thin (weight 100), widely spaced (3.6px), uppercase typography set in a grotesque-sans font (Barlow). The palette is strictly monochromatic, using only white, black, and dark muted grays (#3e3d36, #bbbaae). The layout is vertically stacked with generous padding. Critical donts: never use heavy font weights, avoid any color other than black, white, or muted gray, and always use wide letter-spacing for all text elements. The design relies on negative space and typographic rhythm rather than decorative elements.

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