O!Vector

Vector Design System

The single source of truth for the O! Ecosystem. A minimalist, token-driven platform serving UI documentation, developer tooling, and an AI-readable API layer.

Visual UI

Strict grid, minimal borders, and a focus on content hierarchy.

Developer Toolkit

JSON-driven tokens mapped to CSS variables for dynamic themes.

AI-Readable

API routes built specifically for agent consumption.

Core Principles

  • Token-driven system: No hardcoded values anywhere in the codebase.
  • System before visuals: Structure dictates design, not the other way around.
  • Consistency over creativity: Uniformity across all O! products.
  • Dark mode is PRIMARY: Default theme is optimized for low-light environments.