A system for tending things that grow.

Saturated garden hues over warm, paper-soft neutrals. Greens carry brand and health; water-teal, sun-amber and clay handle states; one true red is reserved for faults.

Three voices: a rounded display for warmth, a clean grotesk for everything you read, and a mono for every number — so data always looks like data.

The quiet idea that sets this apart: every channel has a mood derived from its data. Not a cartoon mascot — a single designed seedling mark that shifts posture, a color, and one first-person line of copy. Enough to make you feel the plant is doing well (or isn't), never enough to feel like a toy.

The working parts — pill-shaped, soft-shadowed, color-coded by meaning. Everything below is built from the same tokens.

Soft 2.5px strokes, gentle area fills, generous gridlines. Each channel keeps its color across every chart so the eye learns it once. Predictions render in dashed iris.

Everything at once, calm under pressure. Four channels, live environment, prediction and an event feed — dense, but never noisy.

The same screen for your midnight sessions. Surfaces drop to soil-dark, greens glow, every accent stays exactly where it was — no relearning in the dark.

A correction the dashboard team is right to insist on: the trustworthy value is raw ADC counts and the calibrated band — not a percentage. A 0–100 figure is shown only as a clearly-labelled relative index between the wet and dry calibration anchors, never dressed up as VWC. Every readout therefore carries three layers.

The densest item display: sortable columns, mono numerics with aligned decimals, status-tinted band cells, quiet zebra rows, hover highlight. A density toggle trades breathing room for rows-on-screen.

The clean trend, instrumented. Zone tints sit behind the curve, day/night bands behind those; threshold + hysteresis deadband, event markers and slope annotations turn a line into a reading you can reason about. Prediction stays dashed iris.

The calibration instrument: the raw-ADC axis with its seven bands, the wet/dry reference anchors, the live reading, a sample distribution, and — the point of the tool — current boundaries against proposed ones with the hysteresis deadband shaded between.

Two health reads: where a channel spends its time across the bands, and whether the signal can be trusted moment to moment.

For the self-contained HTML/Chart.js dashboard: lift these as CSS custom properties and Chart.js color refs. Names match this document. Toggle data-theme="dark" on the root for soil mode.

/* Sprout · core tokens (light) */
:root {
  /* brand + neutrals */
  --leaf: #34A853;   --sprout: #8BD24F;   --ink: #1E2A18;
  --muted: #6F7E62;  --border: #E3E9D8;  --surface: #FFFFFF;
  --surface-2: #F7FAF2; --bg: #EEF4E6;
  /* status (state = color) */
  --st-watering: #17B6C4;  --st-dry: #F5A623;   --st-due: #E8703A;
  --st-fault: #E0483D;     --st-predicted: #7C5CFF;
  /* 7 bands (wet -> dry) */
  --band-saturated: #0E7A86; --band-wet: #17B6C4;  --band-moist: #34A853;
  --band-ideal: #8BD24F;     --band-drying: #F5A623; --band-dry: #E8703A;
  --band-parched: #E0483D;
  /* quality flags */
  --q-ok: #34A853; --q-suspect: #F5A623; --q-saturated: #17B6C4; --q-nosignal: #9A8480;
  /* type */
  --font-display: "Baloo 2"; --font-ui: "Hanken Grotesk"; --font-data: "JetBrains Mono";
  /* shape + space (4px base) */
  --r-control: 8px; --r-tile: 14px; --r-card: 20px; --r-pill: 999px;
  --e1: 0 1px 2px rgba(30,42,24,.06);  --e2: 0 6px 18px rgba(30,42,24,.08);
}
/* soil mode */
[data-theme="dark"] {
  --ink: #E9F1EB;   --muted: #8B9B90;   --border: #29372F;
  --surface: #18231F; --surface-2: #111A16; --bg: #0C1311;
  --leaf: #93DD6A; --st-watering: #3FD0DE; --st-fault: #FF6B5E;
  /* glow accents: add 0 0 8px currentColor on live dots */
}