Back to Design Library

Product · CloneAny original

Monochrome Product

A quiet product system built from proportion, typography, and surface contrast instead of decorative color.

DESIGN.md

---
name: Monochrome Product
category: Product
colors:
  canvas: "#FFFFFF"
  ink: "#111111"
  muted: "#6B6B6B"
  rule: "#E5E5E5"
radius: "8px"
---

# Monochrome Product

## Direction

A quiet product system built from proportion, typography, and surface contrast instead of decorative color.

## Typography

Neutral sans, compact type scale. Keep the type scale compact and preserve readable line lengths.

## Layout

Use a shared outer rail. Group information with alignment and surface changes before adding borders or nested cards.

## Guardrails

Do not copy third-party logos, brand assets, proprietary fonts, or page content. Adapt this reference to material you can publish.

Prompt

Build an interface using the Monochrome Product DESIGN.md. Preserve its color, type, and shape rules, then replace names, content, assets, and fonts with material you can publish.