Design System

Components / Charts

Three series at most. Green, deep green, dark green.

Charts inherit the typography rules — 1.5px stroke (matching icons), Geist 11 axis labels, mono captions. Series colors come from the green ramp: 500, 700, 300. No more than three lines on one chart; if you need a fourth, you need a different 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

Area — accumulation

green.500 stroke · 30→2% gradient fillCumulative metrics

Donut — composition

50/80 inner/outer · 1.5px white strokeStatus composition · 3 segments max

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