Loading states

The mark, animated — the seedling grows, breathes and spins while the soil is read.

SPROUT · MOTION
RING SPINNER · primary
SOIL · for night & splash
GROWING · full-page
& route loads
SWAY · gentle
indeterminate wait
reading the soil
INLINE · buttons
& small waits
HOW TO USE
  • Ring spinner for most loads — pair the soil version with the app splash so it matches the icon.
  • Growing seedling for full-page or first-run loads where there's room for character.
  • Inline spinner + “reading the soil…” inside buttons and small panels — voice stays on-brand even while waiting.
  • Pure CSS + SVG, no library. Respect prefers-reduced-motion by swapping the growing/spin loops for the gentle sway.