---
name: Artisansdidees
description: "Worth including as a prime example of extreme typographic minimalism and premium editorial design in a dark mode context."
version: alpha

colors:
  background: "#000000"
  primary: "#ffffff"
  secondary: "#3e3d36"
  neutral: "#bbbaae"
  line: "rgba(255,255,255,0.1)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 82.5px
    lineHeight: 1.1
    fontWeight: 100
    letterSpacing: "3.6px"
  body:
    fontFamily: grotesque-sans
    fontSize: 14px
    lineHeight: 1.6
    fontWeight: 400
    letterSpacing: "2.8px"
  caption:
    fontFamily: grotesque-sans
    fontSize: 12px
    lineHeight: 1
    fontWeight: 400
    letterSpacing: "3.6px"

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 high-contrast, typographic editorial layout with a stark black background and widely spaced uppercase headings.

*a dark, minimalist art gallery catalog*

## Colors

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

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#ffffff`)** — uses `ink` token
- **Secondary text (`#3e3d36`)** — uses `ink-soft` token
- **Muted (`#bbbaae`)** — uses `muted` token
- **Borders (`rgba(255,255,255,0.1)`)** — uses `line` token

## Typography

- **Display:** grotesque-sans
- **Body:** grotesque-sans
- **Mono:** grotesque-sans

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

## Layout

Minimalist vertical stack with large center-aligned sections

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

## Elevation & Depth

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

## Shapes

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

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

## Do's and Don'ts

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

---

## System Prompt (paste into AI agent)

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