Three concepts, each with an indeterminate and a determinate loader, built on the Sweetie design system (Sweetgreen LLM). Every loader moves through Zero, Progress, and Complete. Progress is carried by the sweetgreen glow; Complete settles into soft sage with a light halo.
Three sweetgreen pills with white knobs, like ingredient amount bars. In the indeterminate loader, the knobs glide back and forth over 9.6s, each a third of a cycle apart, so they never all move together. In the determinate loader, the green fill grows along a sage track and the percentage rides on top of it.
Six leaves, each turning on its own long axis like a coin. Progress is shown by the turning itself, and by the leaves ripening from pale sage into the green gradient.
In the indeterminate loader, every leaf is always turning, each a sixth of a turn behind its neighbour, so the movement never stops. In the determinate loader, the leaves start edge-on and turn to face you in overlapping sequence as progress fills.
Concentric rounded hexagons — the same shape as the Sweetie keyword tile — like ripples of green light. Each layer uses the Glow radial gradient, so the stack reads as one deep glow at the center. In the indeterminate loader, the ripples swell outward from the center while it says “Finding your bowl…”. In the determinate loader, the rings fill in from the center out, and all three glow together at Complete.