# Aggregateintelligence Design System

> High-contrast monochrome utility: absolute black #000000 on pure white #ffffff with zero chromatic interference.

**Source:** https://aggregateintelligence.com | **Captured:** 2026-06-06 | **Pages analyzed:** 0 (Systemic validation only)
**Brand layer:** parent | **Related brands:** None

## TL;DR
Aggregateintelligence operates as a pure monochrome parent system, prioritizing maximum contrast and functional clarity over decorative expression. The palette is strictly achromatic, utilizing #000000 for primary actions and text against a #ffffff canvas, achieving a 21.0:1 contrast ratio. The design language is reductive, stripping away saturated colors to establish a neutral foundation that avoids brand-specific bias. Geometry is likely sharp or minimally rounded, favoring a "utility-first" aesthetic common in high-level parent architectures.

## Signature DNA
1. **Achromatic Dominance** (The system explicitly forbids saturated colors at the parent level, reserving #000000 as the sole primary signal to maintain neutrality across potential sub-properties.)
2. **Maximum Contrast Ratio** (By anchoring on #000000 and #ffffff, the system ensures WCAG AAA compliance as a baseline, prioritizing accessibility as a core design constraint.)

## Family Map
| Sub-brand | Primary color | Graphics motif | Inherits | Overrides |
|-----------|---------------|----------------|----------|-----------|
| None captured | N/A | N/A | N/A | N/A |

## Colors
### Foundation
| Token | Hex | Role | Occurrences | Confidence | Source |
|-------|-----|------|-------------|------------|--------|
| `{color.primary}` | `#000000` | Primary action color and display text | High | 100% | Dominant achromatic |
| `{color.canvas}` | `#ffffff` | Page floor and primary surface | High | 100% | Background validation |

### Accent
Not captured in source.

### Semantic
Not captured in source.

## Typography
### Fonts
| Family | Weights observed | Role | Open-source substitute | License |
|--------|------------------|------|------------------------|---------|
| Not captured | Not captured | Not captured | Inter | Not captured |

### Scale
Not captured in source.

### Principles
- **Neutrality first.** Typography must prioritize legibility over character to maintain the monochrome system's utility.
- **High contrast hierarchy.** Differentiation is achieved through scale and weight rather than color shifts.
- **Achromatic consistency.** No colored text links or status indicators are permitted at the parent level.

## Spacing
**Base unit:** Not captured
Not captured in source.

## Border radius
Not captured in source.

## Elevation
Not captured in source.

## Components
### Tier 1: Foundational
Not captured in source.

### Tier 2: Patterns
Not captured in source.

### Tier 3: Surface-specific
Not captured in source.

## Layout
| Property | Value |
|----------|-------|
| Max content width | Not captured |

## Responsive
Not captured in source.

## Imagery & decoration
The brand utilizes a "monochrome parent" strategy. It avoids all saturated imagery or decorative gradients at the architectural level to ensure it does not conflict with future sub-brand identities.

## Do's
- Use `#000000` for all primary call-to-action buttons.
- Maintain a `#ffffff` background for all primary content areas.
- Ensure all text-to-background contrast meets or exceeds 4.5:1.
- Use whitespace as the primary method of section separation.
- Keep all borders and dividers within the grayscale spectrum.

## Don'ts
- **Wrong:** Using a sub-brand color (e.g., Blue #0000FF) as a primary button background. **Right:** Use `#000000`. **Reason:** Parent brand must remain monochrome; saturated colors are reserved for sub-brand overrides.
- Do not use off-whites or creams for the primary canvas; stick to `#ffffff`.
- Do not introduce gradients or shadows that imply a specific light source or brand "mood."
- Do not use colored icons for standard UI actions (Close, Menu, Search).

## Similar brands
- Stripe (Foundational layer)
- Vercel
- Apple (Support/Legal tiers)
- Framer (Core UI)

## Quick start

```css
/* CSS Custom Properties */
:root {
  --color-primary: #000000;
  --color-canvas: #ffffff;
  --contrast-ratio: 21;
}
```

```javascript
/* Tailwind v4 @theme */
@theme {
  --color-primary: #000000;
  --color-canvas: #ffffff;
}
```

## Agent prompt examples
- "Create a primary button using the Aggregateintelligence parent tokens: background #000000, text #ffffff, with sharp corners and no shadow."
- "Design a navigation bar for a monochrome system using #ffffff as the background and #000000 for all typography and icons."
- "Generate a high-contrast data table layout using only #000000 for headers and #ffffff for row backgrounds."

## Known gaps
- Specific typography families and scales were not declared in the provided evidence.
- Component-level specs (padding, radii, shadows) were not captured in the initial crawl.
- Spacing system tokens were not explicitly defined in the source tokens.

## Provenance
| Page sampled | URL | Viewport | Capture time |
|--------------|-----|----------|--------------|
| Homepage | https://aggregateintelligence.com | Desktop 1440 | 2026-06-06 |