Leaf
Growth, plant health, primary CTA
--signal-leaf: oklch(0.87 0.23 129)Living Data — Design Tokens
The color wheel, live.
Toggle a signal to remove it from the comparison, or tune its lightness, chroma and hue. Every change writes straight to the CSS custom properties, so the buttons, medallions and gradients below re-skin in real time.
01 — Signal Wheel
One hue per meaning
Lime is the only brand color. The other four are signals: icon rings, metric accents and data marks — never large fills, never two in one card.
Water
Water, control systems, operations
--signal-water: oklch(0.66 0.19 250)Profit
Yield, margin, money, warmth
--signal-profit: oklch(0.78 0.17 68)Scale
Infrastructure, scale, what's next
--signal-scale: oklch(0.62 0.2 295)Sky
Ambient environment, passive telemetry
--signal-sky: oklch(0.8 0.13 210)02 — Cascade Preview
What the tokens drive
These components read the same custom properties you're tuning above.
Buttons
Gradients
Medallions & metrics
98%
Leaf
-18%
Water
+24%
Profit
OPTIMAL
Scale
03 — Ground & Type
Fixed foundations
The ground stays constant so the signals stay readable. Roughly 70% ground, 20% white type, 8% lime, 2% other signals.
--backgroundPage base — night field
--horizonHero upper band
--surfaceCards, panels
--surface-2Nested / hover
--foregroundPrimary text
--borderHairlines
Typography
Display — Poppins 600 / -0.02em
Intelligence for a Healthier Tomorrow.
Body — DM Sans 400 / 1.65
SmartGrow is a SaaS platform powered by big data to help businesses maximize margins through smarter cultivation operations.
Data — JetBrains Mono 500 / 0.22em
Better Data · Smarter Decisions