Corpo

Corpo

A calm, light-first, WCAG-AA design system for business software — the company-friendly sibling of cyberdesign. Plain CSS tokens and components, 80+ React components, CVD-validated charts, and an application shell — all documented in Storybook.

What it is

80+ React components over token-only CSS — forms, display, feedback, navigation, and an application shell
Charts with a CVD-validated categorical palette: line, grouped and stacked bars, donut, sparkline
Zero-dependency scene engines — a milestone dependency graph and the chart suite — usable without React
Five accent themes (teal default, amber, green, red, steel) plus a dark scope with its own validated chart steps
Public Sans for body text, JetBrains Mono reserved for labels, data, and code
2px/4px radii and quiet shadow elevation — no glow, no scanlines
MIT licensed, published as @nukleas/corpo (CSS) and @nukleas/react-corpo (React)

Documentation

Getting started

Theming

Patterns

Explore

Storybook

Example screens

Visual demo

Console example

What it is