Design System

Components / Charts

Three series at most. Position before decoration.

Charts inherit the typography rules — 1.5px stroke (matching icons), Geist 11 axis labels, mono captions. Series colors come from the green ramp first, then official blue for info/data contexts. No more than three lines on one chart; if you need a fourth, split the chart.

Line — single series

green.500 · 1.5px stroke · no dotsTrend over time, single metric

Line — three series

green.500 / green.700 / green.300Per-asset comparison · max three lines

Bar — accumulation

green.500 solid fill · no gradientsCumulative metrics

Bar — composition

Horizontal bars · semantic fillsStatus composition · no pie or donut

1.5px stroke matches the icon system. Charts speak the same line weight as the toolbar. Visual coherence is operational coherence.