---
name: Minimalcollective Digital
description: "The site is a perfect example of restrained, high-end editorial design that prioritizes typography and layout over decoration."
version: alpha

colors:
  background: "#3A3A3A"
  primary: "#000000"
  secondary: "#5A5A5A"
  neutral: "#5A5A5A"
  line: "rgba(0,0,0,0.6)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 49.5px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-2.25px"
  heading:
    fontFamily: humanist-sans
    fontSize: 31.5px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  body:
    fontFamily: humanist-sans
    fontSize: 18px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0"
  caption:
    fontFamily: humanist-sans
    fontSize: 13.5px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0"

rounded:
  sm: 4.5px
  md: 8px
  lg: 12px
  pill: 999px

spacing:
  xs: 4.5px
  sm: 9px
  md: 13.5px
  lg: 18px
  xl: 27px
  2xl: 36px
  3xl: 54px

---

## Overview

A refined, gallery-style platform for art-tech intersections.

*A digital gallery platform bridging music, art, and technology.*

## Colors

High-contrast monochrome palette with gray mid-tones.

- **Background (`#3A3A3A`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Secondary text (`#5A5A5A`)** — uses `ink-soft` token
- **Muted (`#5A5A5A`)** — uses `muted` token
- **Borders (`rgba(0,0,0,0.6)`)** — uses `line` token

## Typography

- **Display:** humanist-sans
- **Body:** humanist-sans

- Large headings use tight negative letter-spacing.
- Text is predominantly black on gray backgrounds.
- Uppercase is used frequently for tags and labels.

## Layout

Masonry-style asymmetric grid.

*Rhythm:* 4.5px base unit with consistent increments.

## Elevation & Depth

- none
- Borders: 1px solid black or 1px solid rgba(0,0,0,0.6) used for structure.

## Shapes

- `sm`: 4.5px
- `md`: 8px
- `lg`: 12px
- `pill`: 999px

## Components

- **button:** Minimal outline buttons with uppercase text.
- **card:** Grid-based editorial cards with images and tags.
- **chip:** Small, pill-shaped outline tags.
- **input:** Minimal text input with bottom border.
- **hero:** Full-width center-aligned headline over a 3D rotating object.

## Do's and Don'ts

**Don't:**
- Don't use bright accent colors — screenshot shows a monochrome palette.
- Don't use bold font weights — screenshot shows only weight 400.
- Don't use rounded corners for main elements — screenshot shows mostly sharp or 4.5px radii.
- Don't center-align all text — screenshot shows left-aligned navigation and tags.
- Don't use drop shadows — screenshot shows completely flat surfaces.
- Don't use decorative serif fonts — screenshot shows clean, humanist sans-serif typography.

---

## System Prompt (paste into AI agent)

```
This is a refined editorial platform for an art-tech collective. The design DNA features a monochrome palette with a medium gray (#3A3A3A) background, black ink (#000000), and subtle gray accents (#5A5A5A). Typography is strictly humanist-sans with a 400 font weight, utilizing a tight negative letter-spacing for large, expressive headlines. The layout is a clean, asymmetric masonry grid with minimal 1px borders. Critical donts: never use bright, saturated accent colors; never use bold or italic font weights; and never use heavy drop shadows or complex gradients.
```