---
name: Amplitude
description: "This site is an excellent example of a professional, high-utility design system that prioritizes extreme legibility and structural clarity over visual flair."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#171717"
  secondary: "#373D42"
  tertiary: "#000000"
  neutral: "#565656"
  line: "rgba(0,0,0,0.1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 56px
    lineHeight: 1.1
    fontWeight: 600
    letterSpacing: "-0.4px"
  heading:
    fontFamily: humanist-sans
    fontSize: 24px
    lineHeight: 1.3
    fontWeight: 600
    letterSpacing: "-0.12px"
  body:
    fontFamily: humanist-sans
    fontSize: 18px
    lineHeight: 1.55
    fontWeight: 400
    letterSpacing: "-0.04px"
  small:
    fontFamily: humanist-sans
    fontSize: 14px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "-0.035px"

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

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

---

## Overview

A high-contrast, typography-focused legal policy page for a B2B analytics platform.

*A professional enterprise software dashboard layout adapted for legal documentation.*

## Colors

High-contrast monochrome for maximum readability and professional clarity.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#171717`)** — uses `ink` token
- **Secondary text (`#373D42`)** — uses `ink-soft` token
- **Accent (`#000000`)** — uses `accent` token
- **Muted (`#565656`)** — uses `muted` token
- **Borders (`rgba(0,0,0,0.1)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** humanist-sans
- **Mono:** monospace

- Body text uses a highly legible humanist sans-serif.
- Headings use a slightly more structured sans-serif.
- Tight letter-spacing is applied to display sizes for a modern, premium feel.

## Layout

Standard top navigation with a centered, narrow column for legal text.

*Rhythm:* Consistent 4px base grid with generous vertical padding for distinct content sections.

## Elevation & Depth

- Borders: Minimal use of 1px solid borders, mostly relying on spacing and typography for separation.

## Shapes

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

## Components

- **button:** Solid black primary button with pill radius; secondary text buttons.
- **card:** No cards used on this text-heavy legal page.
- **chip:** N/A
- **input:** N/A
- **hero:** Text-only hero with large typography and a clear metadata line.

## Do's and Don'ts

**Don't:**
- Don't use decorative background images — screenshot shows a clean, solid white background.
- Don't use a multi-color palette — screenshot shows a strict monochrome black-and-white scheme.
- Don't use centered body text — screenshot shows left-aligned text for better readability.
- Don't use decorative borders — screenshot shows layout separation primarily through spacing.
- Don't use wide text columns — screenshot shows a narrow, optimized column for reading.
- Don't use casual typography — screenshot shows a highly legible, professional sans-serif font.

---

## System Prompt (paste into AI agent)

```
This design represents a professional B2B software's legal documentation page, prioritizing absolute clarity and authority over visual expression. The core palette is a strict monochrome, with a white background (#FFFFFF) and deep charcoal ink (#171717), utilizing black (#000000) for primary call-to-action buttons. Typography relies on highly legible humanist and geometric sans-serif categories (IBM Plex Sans) with a tight letter-spacing on display headings to maintain a modern, premium feel. Critical design constraints include: maintaining the narrow, centered content column for optimal reading lines, avoiding any decorative background imagery or patterns, and ensuring a complete absence of colorful accents. The layout is a classic single-column editorial structure with generous vertical spacing to separate logical content blocks.
```