> ## Documentation Index
> Fetch the complete documentation index at: https://docs.monolex.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Gestalt Color System

> Color as motion - where visual perception meets Monokinetics philosophy

# Gestalt Color System

Color is not decoration. Color is communication at the speed of perception.

***

```
┌─────────────────────────────────────────────────────────────────────────────────┐
│  COLOR AS MONOKINETIC PRINCIPLE                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│   In Human + AI collaboration, information streams faster than reading.         │
│   Color becomes your primary lifeline — meaning before words.                   │
│                                                                                 │
│   ┌─────────────────────────────────────────────────────────────────────────┐   │
│   │                                                                         │   │
│   │   CORE COLORS              FLOW COLORS                                  │   │
│   │   ═══════════              ═══════════                                  │   │
│   │                                                                         │   │
│   │   Identity                 Transition                                   │   │
│   │   Fixed meaning            Dynamic state                                │   │
│   │   What it IS               What it's DOING                              │   │
│   │                                                                         │   │
│   │   File types               Hover states                                 │   │
│   │   Semantic roles           Loading indicators                           │   │
│   │   Agent identities         Animations                                   │   │
│   │                                                                         │   │
│   └─────────────────────────────────────────────────────────────────────────┘   │
│                                                                                 │
│   ◈ Core defines. Flow connects. Together they create unified perception.      │
│                                                                                 │
└─────────────────────────────────────────────────────────────────────────────────┘
```

***

## Foundation

<CardGroup cols={2}>
  <Card title="OKLCH Color Space" icon="circle-half-stroke" href="/philosophy/gestalt-color-system/core/oklch-foundation">
    Perceptually uniform color space for consistent experience
  </Card>

  <Card title="CSS Variables" icon="code" href="/philosophy/gestalt-color-system/core/css-variables">
    Semantic naming system for maintainable theming
  </Card>
</CardGroup>

***

## System Components

<CardGroup cols={2}>
  <Card title="Core Colors" icon="palette" href="/philosophy/gestalt-color-system/overview">
    Identity colors - file types, agents, semantic roles
  </Card>

  <Card title="Flow Colors" icon="wand-magic-sparkles" href="/philosophy/gestalt-color-system/flow/oklab-mixing">
    Transition colors - states, animations, hover effects
  </Card>

  <Card title="Interpolation" icon="bezier-curve" href="/philosophy/gestalt-color-system/interpolation/srgb-vs-oklab">
    Color blending and gradient generation
  </Card>

  <Card title="Tint System" icon="sliders" href="/philosophy/gestalt-color-system/tint-system/architecture">
    Dynamic color generation with Einstein Arc
  </Card>
</CardGroup>