Introduction

The Harness Design System provides a unified component library built on design tokens. Every component uses cn- prefixed tokens for colors, spacing, and typography — enabling seamless theme switching across light, dark, and high-contrast modes with accessibility variants.

60+Components

24Theme variants

WCAGAA accessible

LCHPerceptual colors

Examples

See how components compose into real interfaces.

---

Components

Browse all available components grouped by category.