Skip to main content

​
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

OKLCH Color Space

Perceptually uniform color space for consistent experience

CSS Variables

Semantic naming system for maintainable theming

​
System Components

Core Colors

Identity colors - file types, agents, semantic roles

Flow Colors

Transition colors - states, animations, hover effects

Interpolation

Color blending and gradient generation

Tint System

Dynamic color generation with Einstein Arc