---
name: Nothing
description: "A strong example of technical minimalism, stripping away all non-essential visual noise."
version: alpha

colors:
  background: "#F5F5F5"
  primary: "#000000"
  secondary: "#585A5A"
  neutral: "#E5E7EB"
  bg-soft: "#FFFFFF"
  line: "rgba(229,231,235,1)"

typography:
  display-large:
    fontFamily: geometric-serif
    fontSize: 40px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-0.5px"
  display-medium:
    fontFamily: geometric-serif
    fontSize: 24px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0"
  body:
    fontFamily: grotesque-sans
    fontSize: 16px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0"
  caption:
    fontFamily: grotesque-sans
    fontSize: 11px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "0.5px"

rounded:
  sm: 6px
  md: 8px
  lg: 12px
  pill: 9999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

A stark, monochromatic aesthetic centered on typographic precision and high-contrast UI elements.

*a high-precision technical blueprint or a luxury industrial component*

## Colors

High-contrast monochrome with a strict adherence to a neutral gray scale.

- **Background (`#F5F5F5`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Secondary text (`#585A5A`)** — uses `ink-soft` token
- **Muted (`#E5E7EB`)** — uses `muted` token
- **Borders (`rgba(229,231,235,1)`)** — uses `line` token

## Typography

- **Display:** geometric-serif
- **Body:** grotesque-sans
- **Mono:** dot-matrix

## Layout

Modal centered vertically and horizontally with generous padding.

*Rhythm:* Standard 4px base grid

## Elevation & Depth

- 0px 0px 0px 1px rgba(229,231,235,1)
- Borders: 1px solid #E5E7EB

## Shapes

- `sm`: 6px
- `md`: 8px
- `lg`: 12px
- `pill`: 9999px

## Components

- **button:** Primary: Black filled pill with white text. Secondary: Text with a 1px solid underline.
- **card:** Modal container with a subtle 1px border and pill-shaped buttons.
- **chip:** Text-based labels with standard sans-serif styling.
- **input:** Minimalist text inputs with clean lines.
- **hero:** Centered, vertically stacked layout dominated by display typography.

## Do's and Don'ts

**Don't:**
- don't use rounded containers — screenshot shows pill-shaped buttons (radius: 9999px) and slightly rounded modal corners (6px-8px).
- don't use multiple colors — screenshot shows a strictly monochrome palette of black, white, and a single neutral gray.
- don't use decorative sans-serif fonts — screenshot shows a geometric serif for display and a standard grotesque sans for body.
- don't use heavy drop shadows — screenshot shows subtle borders or very soft, diffuse shadows for depth.
- don't use centered text for long paragraphs — screenshot shows strictly centered short-form UI copy.
- don't use lowercase for primary CTAs — screenshot shows all-caps for buttons and display text.

---

## System Prompt (paste into AI agent)

```
A minimalist, high-contrast design system for a premium hardware brand. Key colors are pure black (#000000) and a light neutral gray (#F5F5F5). Typography uses a geometric serif for display and a clean grotesque sans for body. Critical donts: avoid colorful accents, don't use complex shadows, and never use lowercase for CTAs. The layout is strictly centered and monochromatic.
```